Jquery On Blur sometimes
<p>I have a search that on focus grows bigger and on blur grows smaller. My problem is even when you click in the suggest area it causes the animating to run. Is there a way to make it so that if your click in the suggest area this code does not execute.</p>

<pre><code>$('.search').blur(function(e) {
    if ( !clickedInSuggest ) {
        $(this).animate({ width : '50px' }, 150);
    }
});
</code></pre>

<p>html:</p>

<pre><code>&lt;li class="search"&gt;
    &lt;form class="searchContainer" action="&lt;?php echo Uri::create('search') ?&gt;" method="get"&gt;
        &lt;input autocomplete="off" name="name" placeholder="Search" tabindex="1" type="text" value="" /&gt;
        &lt;button type="submit" class="submit"&gt;&lt;/button&gt;
    &lt;/form&gt;
    &lt;div class="suggestions"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>
