title: JQuery-Mobile Multiple Content roles
body: <p>Are we allowed to have multiple content roles in a page?</p>
  
  <p>The documentation suggests there should be one but doesn't explicitly say that there should only be one</p>
  
  <p>I have been using the content roles to provide a logical grouping of areas of my pages. 
  This also provides padding and background gradients to give a nice separation of grouped elements, without the addition of my own css -  we have avoided adding css where possible to allow the upgrade path to be as easy as possible</p>
  
  <p>If so, is there any other role which would be better suited or should I be using standard ui- CSS rules?
  .. like ui-body or can you suggest an other?</p>
  
  <p>Would there be any place for a 'section' role which would do the same job?</p>
  
  <p>Many thanks, Ant</p>
  
  <p>originally asked here <a href="https://forum.jquery.com/topic/multiple-content-roles" rel="nofollow">https://forum.jquery.com/topic/multiple-content-roles</a></p>