title: Add click event on an option in html select tag
body: <p>I have a html dropdown defined as</p>
  
  <pre><code>&lt;select name="evidence_selected"id="evidence_selected"&gt;
  &lt;option id="a"&gt;A&lt;/option&gt;
  &lt;option id="b"&gt;B&lt;/option&gt;
  &lt;option id="c"&gt;C&lt;/option&gt;
  &lt;option id="new"&gt;New&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want to fire an on click event on "new" so that when a user clicks on it, a free form appears where they enter some other value that is not on dropdown.
  The id of the form is "new_value".
  I tried</p>
  
  <pre><code>$("#new").click(function(){
    $("new_value").show();
  
  });
  </code></pre>
  
  <p>It seems the click event wont fire.
  Any help(with code snippet) will be highly appreciated.
  Regards</p>