Jquery Loop through list and replace
<p>I'm trying to find a way to loop through a list with Jquery, and if a certain class has text of "Not Complete", replace the words "Not Complete" with a animated gif.</p>

<p>Here's the list:</p>

<pre><code>&lt;ul&gt;
&lt;li class="name"&gt;Name&lt;/li&gt;
&lt;li class="job"&gt;This&lt;/li&gt;
&lt;li class="status"&gt;Not Complete&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>The list is populated via a php script.</p>

<p>I tired this from another example here, but couldn't get it to work:</p>

<pre><code>function change(){
if($('.status').text=='Not Complete')
{$('.status').replaceWith('&lt;img src='loading.gif' /&gt;');}
else{}
}

$(function() {
  $(".status").each(change);
});
</code></pre>

<p>Any idea's of how I could get this working?</p>
