title: HTML table rows custom sort using jQuery
body: <p>I am sorting my table rows on a <code>Code/SKU</code> column.  <code>Code/SKU</code> column may or may not contain the <code>-</code> (dash) which is my delimiter. The 3 digit code after <code>-</code> is my product rack number with a prefix between A-Z. I am trying to sort the products in an ascending order based on the rack number <code>irrespective of the prefix</code>. In case if the rack number is missing those products should be listed on the top. </p>
  
  <p>For example, if the <strong>input</strong> <code>Code/SKU</code> column contains:</p>
  
  <pre><code>RIN65631-A24
  PNT64705
  CPC31378-D06
  </code></pre>
  
  <p>Then the <strong>output</strong> <code>Code/SKU column</code> should be sorted as:</p>
  
  <pre><code>PNT64705
  CPC31378-D06
  RIN65631-A24
  </code></pre>
  
  <p><strong>Here is my <a href="http://jsfiddle.net/shivamsurve/rn6JR/2/" rel="nofollow">JSFiddle</a></strong></p>
  
  <p>I am getting the desired output as stated above but if you look at my JSFiddle you will see that I am using multiple calls <code>$(this).find()</code> function to retrieve a particular element from the DOM which IMO is not necessary. There may be a better way to avoid the redundant find() calls and achieve the same output. Can someone help me in this regard?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p><strong>Note:</strong> Sorting should be performed on the DOM ready event.</p>