Not able to get custom jquery plugin to work
<p>I wanted to create jquery plugin &amp; started off creating a sample jquery plugin...But </p>

<pre><code>$(this).css('color','blue');        
alert(this.id); 
</code></pre>

<p>doesn't work...</p>

<h2>jquery.myPlugin.js</h2>

<pre><code>jQuery.fn.changeTextColor = function() {
alert("xx");    //this works

return this.each(function() {
    $(this).css('color','blue');        
    alert(this.id);         //both the 2 statements don't work..
});
};
</code></pre>

<h2>HTML</h2>

<pre><code>&lt;script type = "text/javascript" src="jquery-1.7.1.js"&gt;&lt;/script&gt;
&lt;script type = "text/javascript" src="jquery.myPlugin.js"&gt;&lt;/script&gt;

&lt;script&gt;
$('#mypara').changeTextColor();     
&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;p id="mypara"&gt;dsfdsfdsf&lt;/p&gt;

&lt;/body&gt;
</code></pre>
