title: onclick div open selectmenu in jquery mobile
body: <p>I have issue regarding <strong>JQm selectmenu widget</strong>, what I am doing is opening the select menus on a container in which it is contained.</p>
  
  <p><strong>Fiddle Demo:-</strong> <a href="http://jsfiddle.net/4CKae/1/" rel="nofollow noreferrer">http://jsfiddle.net/4CKae/1/</a></p>
  
  <p><strong>My HTML:-</strong></p>
  
  <pre><code>&lt;div class="container" onClick="$('#select-choice-7').selectmenu('open');"&gt;
      &lt;label for="select-choice-7" class="select"&gt;Select, native menu3&lt;/label&gt;
      &lt;select name="select-choice-7" id="select-choice-7" data-native-menu="false"&gt;
          &lt;option value="standard"&gt;Standard: 7 day&lt;/option&gt;
          &lt;option value="rush"&gt;Rush: 3 days&lt;/option&gt;
          &lt;option value="express"&gt;Express: next day&lt;/option&gt;
          &lt;option value="overnight"&gt;Overnight&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to open the <code>selectmenu</code> through inline jquery <code>onClick="$('#select-choice-7').selectmenu('open');"</code> but it shows some some weird errors in my firebug console.</p>
  
  <p><strong>Console Says:-</strong></p>
  
  <p><img src="https://i.stack.imgur.com/SBhb8.jpg" alt="Firebug Console"></p>
  
  <pre><code>too much recusion
  </code></pre>
  
  <p>My Firefox v19 shows this error on console and chrome unfortunately crashes...</p>
  
  <p>What am I doing wrong?</p>