title: Issue on change jquery function
body: <p>I am facing very weird issue. I have a dropdown option</p>
  
  <pre><code>&lt;table class="variations"&gt;
     &lt;tr&gt;
        &lt;td&gt;
            &lt;select name="up_options"&gt;
               &lt;option value="" selected&gt;Select Value&lt;/option&gt;
               &lt;option value="a"&gt;A&lt;/option&gt;
               &lt;option value="b"&gt;B&lt;/option&gt;
               &lt;option value="c"&gt;C&lt;/option&gt;
               &lt;option value="d"&gt;D&lt;/option&gt;
               &lt;option value="e"&gt;E&lt;/option&gt;
            &lt;/select&gt;
        &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and make a jquery function that alerts me the selected value but it did not work.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function() {
          jQuery('.variations select').change(function(){
             alert(jQuery('.single_variation').text());
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But when i edit the <code>change</code> to <code>click</code> it works perfectly (perfectly means it works only on click) when i click on select it gives me alert ... But when i change again it to <code>change</code> its not work.</p>
  
  <p>I also try this</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function(e) {
          jQuery('.variations select').on('change', function(){
             alert(jQuery('.single_variation').text());
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But it also not work.</p>
  
  <p>Please help me i am very confuse about it</p>