title: How to wrap every 3rd <td> with a <tr> using jQuery?
body: <p>I am trying to wrap <code>&lt;tr&gt;</code> tags around every 3rd <code>&lt;td&gt;</code>. Is there a way to do so?</p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;table id="tblOne"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want the output to be something like this:</p>
  
  <pre><code>&lt;table id="tblOne"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
        &lt;td&gt;text&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>