Alert box on click out side of text box
<p>I have 2 text box fields and submit button( name, description and submit).
I fill up title field. and using tab key or using mouse focus i focus on description field.
At that time i get alert box. Using following code.</p>

<pre><code>var blurTimeout;

function cancelBlur(){
    clearTimeout(blurTimeout);
}

$("input[name=category_name]").live("blur", function() {
         blurTimeout = setTimeout(function(){
            alert("Click 'Save Changes' button to save category.");
        }, 200);

});
</code></pre>

<p>But now i want that once i fill up name and then click on description then no alert should display. But after filling up description field once i click out side of this 2 text boxs alert should display.</p>

<p>html for button:</p>

<pre><code>&lt;div class="select-btn"&gt;
  &lt;button class="button btn" TYPE="submit" onclick="cancelBlur();"&gt;
  &lt;span&gt;Save Changes&lt;/span&gt;
  &lt;/button&gt;
&lt;/div&gt;
</code></pre>
