title: jQuery move table row's with inputs and change id/name
body: <p>I need to have buttons for moving up and down table rows with input's inside.
  On move I need to guarantee that the input's name's and id's are changed
  regarding to their new position</p>
  
  <p>I've tried around on JSFiddle but couldn't get it to work: <a href="http://jsfiddle.net/vaDkF/1194/" rel="nofollow noreferrer">http://jsfiddle.net/vaDkF/1194/</a></p>
  
  <p>For example I've the first row is moved down there are four changes:</p>
  
  <pre><code>        &lt;input type="text" id="id_1" name="id_1"/&gt;
          &lt;input type="text" id="test_1" name="test_1"/&gt;
  </code></pre>
  
  <p>needs to become </p>
  
  <pre><code>        &lt;input type="text" id="id_2" name="id_2"/&gt;
          &lt;input type="text" id="test_2" name="test_2"/&gt;
  </code></pre>
  
  <p>but the values need's to stay the same just need the id/name to change.</p>
  
  <p>This is just a test example, in production environment I have like 20 inputs
  per row.</p>
  
  <p>Hope someone can help.</p>