Moving the position of HTML elements based on the content they have inside (using jQuery)?
<p>I have this table:</p>

<pre><code> &lt;table class="wpjb_job_info"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Company Name&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;English First Tianjin&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Location&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Tianjin, China&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Date Posted&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Nov 20, 2011&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Category&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;&lt;a href=
        "http://goldstarteachers.com/esl-jobs-in-china/category/eslteacher/"&gt;ESL
        Teacher&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Job Type&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;&lt;a href=
        "http://goldstarteachers.com/esl-jobs-in-china/type/full-time/"&gt;Full-Time&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Students&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Young Learners&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Salary&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;7,500 - 10,000 RMB / month&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Interviewing&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Yes&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Contract Length&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;12 months&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Accommodation&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Provided&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Flight Allowance&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;9,000 RMB&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Holidays&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;12 days public + 10 days personal&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Insurance&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;12 months worldwide ERIKA travel, property and health insurance&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Teacher Training&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Provided&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Work Visa&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Legal Z work visa provided&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
</code></pre>

<p>For instance, I would like to make this:</p>

<pre><code>  &lt;tr&gt;
    &lt;td&gt;&lt;b&gt;Salary&lt;/b&gt;&lt;/td&gt;

    &lt;td&gt;7,500 - 10,000 RMB / month&lt;/td&gt;
  &lt;/tr&gt;

  &lt;tr&gt;
    &lt;td&gt;&lt;b&gt;Interviewing&lt;/b&gt;&lt;/td&gt;

    &lt;td&gt;Yes&lt;/td&gt;
  &lt;/tr&gt;
</code></pre>

<p>Look like this:</p>

<pre><code>      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Interviewing&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;Yes&lt;/td&gt;
      &lt;/tr&gt;

      &lt;tr&gt;
        &lt;td&gt;&lt;b&gt;Salary&lt;/b&gt;&lt;/td&gt;

        &lt;td&gt;7,500 - 10,000 RMB / month&lt;/td&gt;
      &lt;/tr&gt;
</code></pre>

<p>with jQuery. In other words, to tell jQuery: move the <code>tr</code> that has the text <strong>Interviewing</strong> and move it above the <code>tr</code> that has the content <strong>Salary</strong>.  How to accomplish that?</p>
