title: When my hidden select form is shown it will not call javascript function
body: <p>I have a hidden select element with an onchange call to a javascript function.</p>
  
  <p>When a user clicks a button on my page I run the below code and my select form is shown:</p>
  
  <pre><code>$("#moreDetails2").show();
  $('#moreDetails2').trigger("create");
  </code></pre>
  
  <p>After it is shown however, it will not execute its JavaScript function. I have tested it not hidden and it works.</p>
  
  <pre><code>&lt;div id = \"moreDetails2\"&gt;  
                      &lt;select  onchange=\"moreDetails2($userID,'$id')\"&gt;
  
                          &lt;option value=\"0\"&gt;More Options&lt;/option&gt;
                          &lt;option value=\"1\"&gt; View Taste Profile&lt;/option&gt;
                          &lt;option value=\"2\"&gt; Add Taste Tags&lt;/option&gt;
  
                      &lt;/select&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Looking in inspect element in chrome, I do not get any errors.</p>