title: jQuery Mobile - Triggering already selected option
body: <p>I'm trying to trigger an event when an <strong>already selected option is selected again</strong>.
  I've tried different click and trigger functions but nothing. Please, help.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select id="mySelect" name="mySelect"&gt;
      &lt;option class="mylistitem" value="0" selected="selected"&gt;Option 0&lt;/option&gt;
      &lt;option class="mylistitem" value="1"&gt;Option 1&lt;/option&gt;
      &lt;option class="mylistitem" value="2"&gt;Option 2&lt;/option&gt;
  &lt;/select&gt;​
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$("#mySelect").live("change", function () {
      alert($("#mySelect").val());
  });
  </code></pre>
  
  <p>or <a href="http://jsfiddle.net/pioSko/tcWRP/38/" rel="nofollow">http://jsfiddle.net/pioSko/tcWRP/38/</a></p>
  
  <p>UPDATED: Combined both answers ;) <a href="http://jsfiddle.net/pioSko/tcWRP/60/" rel="nofollow">http://jsfiddle.net/pioSko/tcWRP/60/</a></p>
  
  <pre><code>$(document).delegate('#mySelect-menu li', 'vmousedown', function (event) {
      if ($(this).attr('aria-selected') === 'true') {
          $('#mySelect').trigger('change');
      }
  });
  </code></pre>