title: jquerymobile popup function is not working in the onClick
body: <p>I have:</p>
  
  <pre><code>&lt;div data-role="page" class="type-interior"&gt;
      &lt;div data-role="content" class="ui-body"&gt;
          &lt;a href="#transitionExample" data-role="button" data-rel="popup"&gt;
            Pop Up
          &lt;/a&gt;
          &lt;div data-role="popup" id="transitionExample"&gt;This is a POP UP.&lt;/div&gt;
          &lt;a href=# onClick="$('transitionExample').popup('open')"
          data-rel="popup"&gt;OpenPopUp&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I click on Button It Works, but if I use Javascript method .popup('open'), nothing happens. Popup is not showed.</p>
  
  <p>What is happening? 
  I use, JqueryMobile 1.2.0  and JQuery 1.8.2.</p>