title: popup trigger when click the input field in jquery mobile?
body: <p>I am create a jquery mobile website.I want a popup raised when i click a input field.</p>
  
  <pre><code>&lt;input type="text" class="popup_trigger" name="type_of_services" placeholder="Type Of Services" data-rel="popup" data-transition="pop" data-clear-btn="true"&gt;
  
  &lt;div data-role="popup" id="popup_service" class="popup_service"&gt;
     &lt;label for="check_box"&gt;&lt;input type="checkbox" name="checkbox-0"&gt;service&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jquery code : </p>
  
  <pre><code>$(document).ready(function() {
     $(".popup_trigger").click(function() {
        $("#popup_service").popup();
     });
  });
  </code></pre>
  
  <p>I also try</p>
  
  <pre><code>$(".popup_service").popup();
  </code></pre>