title: Use jQuery to move columns in order to next <tr> when page is resized
body: <p>Currently I am laying out information like so in the website:</p>
  
  <p>td1 td2 td3 td4<br/>
  td5 td6 td7 td8</p>
  
  <p>When resizing the browser that the 4th and 8th td are now cut off, I would like this to happen:</p>
  
  <p>td1 td2 td3<br />
  td4 td5 td6<br />
  td7 td8</p>
  
  <p>... and eventually, if you kept going, it would appear like this:</p>
  
  <p>td1<br />
  td2<br />
  td3<br />
  td4<br />
  etc</p>
  
  <p>Does anyone know how I can make the columns move down into the next tr and push the preceding column across one?</p>