title: On radio button change
body: <p>I have a set of 2 radio buttons that change the device orientation when changed.</p>
  
  <p>The issue I am having is that when the I select the landscape radio button, it works, however when I reselect the portrait one, I get an alert Landscape and it remains the same.</p>
  
  <p>Here is my try:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;fieldset data-role="controlgroup"&gt;
  &lt;input type="radio" name="orientation" id="portrait" value="1" checked /&gt;
  &lt;label for="portrait"&gt;Portrait&lt;/label&gt;
  
  &lt;input type="radio" name="orientation" id="landscape" value="2" /&gt;
  &lt;label for="landscape"&gt;Landscape Mode&lt;/label&gt; 
  &lt;/fieldset&gt; 
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$("input[name='orientation']").change(function() {
          if ($("input[name='orienation']:checked").val() == '1') {
              navigator.screenOrientation.set('portrait');
              alert('portrait');
          }                
          else if ($("input[name='orienation']:checked").val() == '2') {
              navigator.screenOrientation.set('landscape');
              alert('landscape');
          }
      })
  </code></pre>
  
  <p>I am using jQuery and jQuery Mobile</p>