title: custom click event trigger, widget jquery
body: <p>I am creating a jquery widget, the concept is similar to a menu bar, it has two buttons, for example, ButtonOne and ButtonTwo.</p>
  
  <p>I have style associated and my html code.</p>
  
  <p>I worked in a <em>hello world</em> widget</p>
  
  <pre><code> // Constructor
      _create: function() 
      {
          var my=this.element;
          var supe=this;
  
        ..............  
  
          //first event
          my.bind('mouseenter', function (event) {                
              supe._trigger('activated', event, my);                
          });
      },
  </code></pre>
  
  <p>I use like</p>
  
  <pre><code> $(function() {
         ...........
         var bar=$("#bar-event").mybar();
          //first atempt
          bar.click(function() {
              alert( "Handler for .click() called." );
          });
          //second attempt
          bar.bind('mybaractivated', function(event, data) {
                  // handle the event
              alert('YES WORKING!!!!!!');
  
          });
      });
  </code></pre>
  
  <p>My first attempt, was noob attempt, click works, but in all area of top div  in html.
  In second attempt have access to my custom event.</p>
  
  <p>Unknown to how to fire the click events of my buttons, for example, i want control the events like...</p>
  
  <pre><code> //
   $(function() {
     ...........
     var bar=$("#bar-event").mybar();
     bar.clickButtonOne(function() {/*do*/});
     //and
     bar.clickButtonTwo(function() {/*do*/});
  </code></pre>
  
  <p>Or</p>
  
  <pre><code> //Maybe
   $(function() {
     ...........
     var bar=$("#bar-event").mybar();
     bar.bind('clickButtonOne',function(event,data) {/*do*/});
     //and
     bar.bind('clickButtonTwo',function(event,data) {/*do*/});
  </code></pre>
  
  <p>But not to do to trigger events within the widget</p>