Same Div called Error in Jquery
<p>I'm new to JQuery. I have a </p>

<pre><code>&lt;div id='field1'&gt;  &lt;/div&gt;
</code></pre>

<p>I'm referring to it twice in my code. But at each time it refers to the same 1st reference.</p>

<p>E.g. I'm changing the <code>DIV</code> content initially with the value</p>

<pre><code>$("#field1").change(function (){alert('hi')});
</code></pre>

<p>After some piece of code inside one another click function I'm having </p>

<pre><code>$("#field1").change(function(){alert('again')});
</code></pre>

<p>When I want to make use of the second change function with some other content, the first change function is called. How can I stop the first change being called and only the second one to be called?</p>

<p>But this second one refers to the first one.
How can i rectify this? I've even used <code>$(this)</code> in my second change.
<a href="http://stackoverflow.com/questions/950037/same-ajax-called-twice-jquery">Same Ajax called twice..JQuery</a></p>
