title: Reoder TRs in responsive format using jQuery
body: <p>Looking for some assistance on a table I have. Markup is below. Basically at a breakpoint I want to move TR 2 to become TR 4 and TR 5 to become TR 3. Then above the breakpoint I want to reverse the changes, I have some code which is kind of working, but it keeps spawning new TRs as i need the code to work on window.resize to change the table when the screensize is changed.</p>
  <p>I've been using insertAfter which I dont think is a good idea... but not sure how to use an array....</p>
  <p>Origial TABLE markup :</p>
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;Row 1 title&lt;/td&gt;&lt;td&gt;Row 1 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 2 title&lt;/td&gt;&lt;td&gt;Row 2 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 3 title&lt;/td&gt;&lt;td&gt;Row 3 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 4 title&lt;/td&gt;&lt;td&gt;Row 4 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 5 title&lt;/td&gt;&lt;td&gt;Row 5 data&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>So below 500 px the table becomes :</p>
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;Row 1 title&lt;/td&gt;&lt;td&gt;Row 1 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 3 title&lt;/td&gt;&lt;td&gt;Row 3 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 5 title&lt;/td&gt;&lt;td&gt;Row 5 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 2 title&lt;/td&gt;&lt;td&gt;Row 2 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 4 title&lt;/td&gt;&lt;td&gt;Row 4 data&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>Then above 500px we go back to :</p>
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;Row 1 title&lt;/td&gt;&lt;td&gt;Row 1 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 2 title&lt;/td&gt;&lt;td&gt;Row 2 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 3 title&lt;/td&gt;&lt;td&gt;Row 3 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 4 title&lt;/td&gt;&lt;td&gt;Row 4 data&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Row 5 title&lt;/td&gt;&lt;td&gt;Row 5 data&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>