Change image attibute to using jquery
<p>I have a block of code through which I am changing the title of input as span. next to that is my image though which is set as display hidden.</p>

<pre><code>&lt;div class="field"&gt;
  &lt;input type="text" name="email" class="w_def_text" id="email" title="Email*" /&gt;
  &lt;img width="27" height="27" src="images/error.png" alt="Error"&gt;
&lt;/div&gt;
</code></pre>

<p>I have changed this tiltle as span using jquery. Now I am sending input values on blur event.</p>

<p>like </p>

<pre><code>$('#email').blur(function() {
var email = $('#email').val();
(1.)   $(this).next('img').show().html('&lt;img width="80" height="27" src="images/dot.gif" &gt;');
$.post('showuserstatus.php', {
    emailid: email
}, function(data) {
//$('#erroremail').show().html(data);
(2.)   $(this).next().next().html(data);

   });
});
</code></pre>

<p>At both the point I wish to change src of image, that is while sending response. And after receiving response.</p>

<p><strong>NOTE :</strong> I have used .next.next because I have span in between both. So second next is for image.</p>
