title: how to trigger original event with JQuery
body: <p>So sorry for my bad English words.</p>
  
  <p>Hello, I have some problem when firing custom event in JQuery.
  My problem is :</p>
  
  <ul>
  <li>I try to develop Google chrome extension using <code>content_scripts</code> API.</li>
  <li>The site that i target is publishing the comments if i press enter key on textArea.</li>
  <li>I need to develop a button which fire the same event if i click on it.</li>
  </ul>
  
  <p>I tried to simulate the same thing using <a href="http://jsfiddle.net/" rel="nofollow">http://jsfiddle.net/</a> editor like this:</p>
  
  <pre><code>         $(document).ready(function(){
  // this what the site do when press enter key on textarea , the submit form with ajax to publish a comment.
            $("textarea").bind("keydown",function(e){
              if(e.which == 13){
                alert("enter pressed");
              }
            });
      // this what i need to do, firing the same event when i click on my button which i added by my extension.
            $("button").click(function(){
              var e = $.Event("keydown");
              e.which = 13;
              $("textarea").trigger(e);
            });
          });
  </code></pre>
  
  <p>the code above is run without any problem but when apply this simulation in target website no action happening . 
  i imagine if the site using keydown, keyup, or keypress events to publish comment, so i tried using all event types, but all my tries failed.
  What i can do to fire the same of original event such as actual pressing enter key to submit comment ?</p>