title: Overriding jQuery functions - best practice
body: <p>My web application is using a number of JQuery plugins such as the Datatables, and it's corresponding Row Reordering and Sorting plugins.</p>
  
  <p>The problem is that we need to add some fixes to account for annoying IE8 inconsistencies.</p>
  
  <p>So, for example, in one of the plugins _mouseDrag() method we need to add some extra logic at the start. Is there a way to override this function without modifying the plugin's source code?</p>
  
  <p>In an OO language you would typically override a class method, add some logic and then call the super() method to avoid modifying an API's source code.</p>
  
  <p>Therefore, I am wondering how we can best support this in JavaScript without modifying the library itself.</p>
  
  <p>Thanks</p>
  
  <p><strong>Updated Question</strong></p>
  
  <p>Based on the example below, how do I override my _mouseDrag function which exists as the following in the 3rd party library:</p>
  
  <pre><code>(function( $, undefined ) {
  
  $.widget("ui.sortable", $.ui.mouse, {
  
  _mouseDrag: function (event){
  
  ...
  
  }
  </code></pre>
  
  <p>How do I override this exactly?</p>