title: Move Table Rows Up/Down, but can't move a second time
body: <p><strong>I've created a jsFiddle here: <a href="http://jsfiddle.net/markrummel/SEQbd/" rel="nofollow">http://jsfiddle.net/markrummel/SEQbd/</a>.</strong></p>
  
  <p>I have three table rows, each with an UP and DOWN button. By clicking the DOWN button the row is switched with the row below it. By clicking the UP button the row is switched with the row above it.</p>
  
  <p>Everything in my code works to switch the rows up and down. However, after a row is moved I can no longer move that row or the row it was switched with. I can still move rows that have not been moved/switched.</p>
  
  <p>Is there some function I need to call to refresh the <code>table</code> in the <code>DOM</code> or the individual <code>tr</code>s? My assumption is that jQuery is just no longer recognizing these rows.</p>
  
  <p>Example on jsFiddle: </p>
  
  <ol>
  <li>Move <strong>Item One</strong> down, </li>
  <li>See that now <strong>Item One</strong> and <strong>Item Two</strong> can't be moved up or down, </li>
  <li>See that <strong>Item 3</strong> can still be moved up.</li>
  </ol>