Update HTML Table Row Data with jQuery?
<p>I've spent the best part of an hour reading various docs - some of which I have interpreted at 'it can't be done' and others suggesting it can.  </p>

<p>I have a straighforward HTML table which is initially populated.  Within each row, I'd like an 'update' link that fires off a webservice query and returns updated data relevant to that row.</p>

<p>Now, I know I can use .load to update a specific 'item' (i.e the price), however I need to be able to return a few bits - last update, status etc.</p>

<p>I've got so far with this, and the code I have (below) works to the degree that it returns the data - but not in the correct place, and not formatted (which, if my last hour of research is correct, is because .load can't return html).</p>

<p>My question is - is there a way to simply modify what I have to make this work, or is there a better way of achieving it?  At the moment, the 'external' file processes the web service request, updates the database and then returns the data from the database. </p>

<p>In theory, I could fire off multiple .load requests, but I would have to either query the webservice multiple times (inefficient) or delay some elements so they get the 'post webservice' data.  I'm sure there must be a better way though!</p>

<p>Existing code below...</p>

<pre><code>&lt;!--- The Table ---&gt;
&lt;tbody&gt;
&lt;div id="prices"&gt;
&lt;cfoutput query="getprices"&gt;
&lt;tr&gt;
    &lt;td&gt;#merchant_name#&lt;/td&gt;
    &lt;td&gt;#price#&lt;/td&gt;
    &lt;td&gt;&lt;a href="#deeplink#"&gt;Link&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;#last_checked,Now())#&lt;/td&gt;
    &lt;td&gt;#updateflag#&lt;/td&gt;
    &lt;td&gt;&lt;a href="##" onclick="$('#prices').load('/tasks/prices_update.cfm?pid=#getproduct.ID#');"&gt;Update&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/cfoutput&gt;
&lt;/div&gt;
&lt;/tbody&gt;
</code></pre>
