title: trigger event from a child but have the parent listen fro it in Jquery
body: <p>Is it possible to have a child trigger a custom event called CHANGED when it is selected but have its parent listen for that event. Is it possible through event bubbling up to the parent</p>
  
  <p>I have a plugin from someone that is called like so.
  (#selector).dropdown();</p>
  
  <p>Inside the dropdown it recreates a select list.</p>
  
  <pre><code>  &lt;select id="selectBox"&gt;
       &lt;option value="0"&gt;Select&lt;/option&gt;
       &lt;option value="1"&gt;1&lt;/option&gt;
       &lt;option value="2"&gt;2&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>Now when one of the li selectors is clicked I want to trigger an event from it like below but have the parent listen for it. Parent meaning the slectBox element.</p>
  
  <pre><code>    // INSIDE PLUGIN
      $("li", ul).click(function () {
         $(this).trigger('CHANGED');
      });
  
     //IN MY PAGE CODE
    $(function(){
         ('#selectBox').dropdown();
         ('#selectBox').bind('CHANGED', update);
  
         function update(evt){
            alert(evt.target);
         } 
    });
  </code></pre>