title: Why can't I trigger the `change` event of radio using jquery?
body: <p>The page is here:</p>
  
  <p><a href="http://cistrome.org/cps/seqconfig?did=2693">http://cistrome.org/cps/seqconfig?did=2693</a></p>
  
  <p>And the original js codes are below(this one works well):</p>
  
  <pre><code>$(document).ready(function(){
      $(".open_gene").on('change', function(event) {
          $('#Gene_field').show();
      });
  
      $(".close_gene").on("change", function(event){
          $("#Gene_field").hide();
      });
  });
  </code></pre>
  
  <p>So the <code>.close_gene</code> has an event handler for <code>change</code>. But when I want to trigger this event manually to hide the <code>#Gene_field</code>, like this:</p>
  
  <pre><code>&gt;&gt;&gt; $('.close_gene').trigger("change")
  </code></pre>
  
  <p>In FireBugs, the returned value is:</p>
  
  <pre><code>[input#nolimit_radio.close_gene all]
  </code></pre>
  
  <p>But the <code>#Gene_field</code> is not hidden..</p>
  
  <p>I was wondering that why I can't trigger <code>change</code> event which should already  <code>bind</code> to <code>function(event){ $("#Gene_field").hide();}</code>. Does anyone have ideas about this? Thanks!</p>