title: An extensive tutorial/documentation on jQuery UI widget
body: <p>Asking for forgiveness if this is somewhat answered in anywhere else (a link to that will be very helpful)</p>
  
  <p>I am unable to find a good tutorial or documentation on $.widget. The UI docs is somewhat limited on this. What I am looking for is a documentation on how to define events efficiently and call in custom widgets. How to intercept the events from a base widget. What are best practices, and recommended design patterns.</p>
  
  <p>Sadly (and surprisingly) the only documentation I found on this is <a href="http://msdn.microsoft.com/en-us/library/hh404085.aspx" rel="nofollow">http://msdn.microsoft.com/en-us/library/hh404085.aspx</a>.</p>
  
  <p>I am building (or trying to build) a custom widget (ui.dialog as base) that will host a slickgrid in it and some buttons to navigate the data (slickgrid default ones are not good enough as the data source is heavily ajax driven).</p>
  
  <p>So far, my progress is very good and I started admiring the power of $.widget. Since I am on a learning curve here, I would appreciate some expert advice and guidelines on best practices.</p>
  
  <p>Thanks in advance</p>