Insert html table row to a specific location with jquery
<p>I have a HTML table that contains price information. The table is sorted be price Ascending.  I'm looking to update the table with a new price item. I'm pretty sure jquery should be able to solve this issue. Here is my starting table:</p>

<pre><code>&lt;table id='priceTable'&gt;
&lt;tr id="25607"&gt;
    &lt;td&gt;
        Item 1
    &lt;/td&gt;
    &lt;td&gt;
        $256.07
    &lt;/td&gt;
    &lt;td&gt;USD&lt;/td&gt;
&lt;/tr&gt;
&lt;tr id="30100"&gt;
    &lt;td&gt;
        Item 2
    &lt;/td&gt;
    &lt;td&gt;
        $301.00
    &lt;/td&gt;
    &lt;td&gt;USD&lt;/td&gt;
&lt;/tr&gt;
&lt;tr id="30557"&gt;
    &lt;td&gt;
        Item 3
    &lt;/td&gt;
    &lt;td&gt;
        $305.57
    &lt;/td&gt;
    &lt;td&gt;USD&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>I need to insert a new row.</p>

<pre><code>&lt;tr id="29000"&gt;
        &lt;td&gt;
            Item 5
        &lt;/td&gt;
        &lt;td&gt;
            $290.00
        &lt;/td&gt;
        &lt;td&gt;USD&lt;/td&gt;
    &lt;/tr&gt;
</code></pre>

<p>This row needs to be inserted between the  with id 25607 and id 30100.</p>

<p>I'm thinking that there should be a way to use the id of the tr's (Which are the prices with only numbers). Possibly sort the ids and figure out where the new item should be inserted.</p>
