title: binding jquery widget with underscores or dot
body: <p>i have a jquery widget with namespace</p>
  
  <pre><code>$.widget( "mynamespace.mywidget" , {...
  </code></pre>
  
  <p>i have an option named foo</p>
  
  <pre><code>foo: function(){}
  </code></pre>
  
  <p>i trigger an event with this._trigger</p>
  
  <pre><code>this._trigger('foo', event, ...
  </code></pre>
  
  <p>now i can set the foo option bind with</p>
  
  <pre><code>var elem = $('#myelem').mywidget();
  
  elem.bind('mywidgetfoo',function(e,v){ alert("fool"); });
  </code></pre>
  
  <p>My Problem ist the binding. I think 'mywidgetfoo' is hard to read. I would prefer something like</p>
  
  <pre><code>elem.bind('mywidget.foo',
  </code></pre>
  
  <p>or</p>
  
  <pre><code>elem.bind('mywidget_foo'
  </code></pre>
  
  <p>Any chance to achive that?</p>