Jquery $(this).after('<div class="loading"></div>'); problem?
<p>I am using an onblur event on a form and currently have this as code for the loading to work...</p>

<pre><code>$('#username').after('&lt;div class="loading"&gt;&lt;/div&gt;');
</code></pre>

<p>Only this will work for the id of username, I thought changing it to (this) like</p>

<pre><code>$(this).after('&lt;div class="loading"&gt;&lt;/div&gt;'); 
</code></pre>

<p>Would in turn make the div appear after the input field of any fields where the script is used, why is this not happening?? </p>

<p><b>Update</b></p>

<p>Just tried the following which also does not work... Where I assigned the class loading to the input field.</p>

<pre><code>$('.loading').(this).after('&lt;div class="loading"&gt;&lt;/div&gt;'); 
</code></pre>
