jQuery blur keeps firing when two inputs are involved
<p>I've dug around for a while on Google and here on stack Overflow and can't find anything related to this.</p>

<p>I've got multiple input textfields that when blurred calls a jQuery AJAX function to the server.  It works beautifully, almost.</p>

<p>The problem is if I have focus on one text input and then click on another one (making it in focus).  The blur event keeps getting fired with AJAX calls to the server and alerts.</p>

<p>Any ideas how to calm blur down so it isn't constantly firing?  There is probably something very simple that I'm not doing that might fix this.  </p>

<p>Here's the code (ignore the {{}} and {%%} tags, this is a django template).</p>

<p>The inputs:</p>

<pre><code>    &lt;td class="tracking-text"&gt;CK Req:&lt;/td&gt;&lt;td class="tracking-td"&gt;&lt;input class="tracking-input" type="text" value="{{pr.checkreq|default_if_none:"&amp;nbsp"}}" size="10"&gt;&lt;/td&gt;
    &lt;td class="tracking-text"&gt;LPD:&lt;/td&gt;&lt;td class="tracking-td"&gt;&lt;input class="tracking-input" type="text" value="{{pr.lpd|default_if_none:""}}" size="10"&gt;&lt;/td&gt;
    &lt;td class="tracking-text"&gt;PR#&lt;/td&gt;&lt;td class="tracking-td"&gt;&lt;input class="tracking-input" type="text" value="{{pr.prnumber|default_if_none:""}}" size="10"&gt;&lt;/td&gt;
    &lt;td class="tracking-text"&gt;DATE:&lt;/td&gt;&lt;td class="tracking-td"&gt;&lt;input class="tracking-input" type="text" value="{{pr.prdate|default_if_none:""}}" size="10"&gt;&lt;/td&gt;
</code></pre>

<p>The jQuery:</p>

<pre><code>        $('.tracking-input').blur(function(){

            $.post( "{% url buy.views.update_purchase_ajax %}",
                {pr_pk: $('span#pr_pk').html()},
                function(data){
                    alert(data.message);
                }, 'json');


        });
</code></pre>

<p>Any ideas would be greatly appreciated.</p>
