Search box disappears when clicked
<p>I have a sliding image panel that uses   </p>

<pre><code>$('input').click(function() {
$(this).parent().slideUp();
</code></pre>

<p>Unfortunately the input part on the sliding panel causes the search box at the top of the page to disappear when clicked on because the search form uses "input type="text" etc. is there a way to get around this? Here is the code that makes the sliding panel work <a href="http://jsfiddle.net/pcD8D/7/" rel="nofollow">http://jsfiddle.net/pcD8D/7/</a></p>

<p>and the code for the searchform is: </p>

<pre><code>            &lt;!--BEGIN #searchform--&gt;
            &lt;form class="searchform" method="get" action="&lt;?php bloginfo( 'url' ); ?&gt;"&gt;
                &lt;input type="text" class="textBox" name="s" onclick="this.value=''"   value="Enter your search" tabindex="1" /&gt;
                                    &lt;img src="&lt;?php bloginfo('stylesheet_directory'); ?&gt;/images/clearBtn.png" width="17" height="17" class="cancelBtn" alt="ClearBtn" /&gt;
            &lt;!--END #searchform--&gt;
            &lt;/form
</code></pre>

<p>Thanks</p>
