title: How to pre-select a jquery mobile input button?
body: <p>I've done a jquery-mobile controlgroup using input buttons like this:</p>
  
  <pre><code>&lt;div data-role="controlgroup" data-type="horizontal" class="panelSwitcher"&gt;
     &lt;input type="button" data-iconpos="notext" data-icon="gallery" value="Gallerie" class="viewGrid" /&gt;
     &lt;input type="button" data-iconpos="notext" data-icon="panels" value="Panels" class="viewPanel" /&gt;
     &lt;input type="button" data-iconpos="notext" data-icon="detail"  value="Detail" class="viewDetail"  /&gt;
  &lt;/div&gt;      
  </code></pre>
  
  <p>I'm using this to switch views (add/drop a single class, rest CSS), so I don't really want to do this using link tags (empty href/alt) and event-binding. Radio-button-form is also too complicated, plus you cannot do icon only radios.</p>
  
  <p>So input <code>type=button</code>.</p>
  
  <p><strong>Question:</strong><br>
  I'm loading my page in gridview, so I want to have the gridview button preselected. I know I can jQuery <code>addClass('ui-btn-active')</code> to the parent <code>.ui-btn</code> element, but I want to know if there is a markup-only solution, too?</p>