javascript - header custom background color with mobile -

i'm new jquery mobile , want change background css of header of jquery mobile header. help?

<div data-role="page">         <div data-role="header">     <h1>header</h1>     </div>     <div data-role="content">     </div> <div data-role="footer"> </div> 

to change background color of header use code this

.ui-header{ background: red; 

}

the link code demo code