title: Dynamically set radio button active using jquery mobile
body: <p>i am using jquery mobile horizontal control group radio buttons.</p>
  
  <p>How do i set the first radio button active. The following are the two radio buttons,</p>
  
  <pre><code>&lt;input type="radio" name="rating" id="radio-mini-1" value="Above Average" /&gt;&lt;label for="radio-mini-1"&gt;Above&lt;br /&gt; Average&lt;/label&gt;
  </code></pre>
  
  <p>Average<br /><br /></p>
  
  <p>I tried using the following code,</p>
  
  <pre><code>$('input:radio[name="rating"]').filter('[value="Above Average"]').attr('checked', true);
  </code></pre>
  
  <p>but no luck. What's wrong?</p>