I need to implement a simple .fadeIn with javascript
<p>I am trying to implement, what I think would be a fairly simple fadeIn using javascript, but I just can not get it to work.</p>

<p>Here is the code:</p>

<pre><code>&lt;script&gt;
function changeborder()
{
    search.style.border = '1px solid #4F94CD';
}
&lt;/script&gt;
&lt;div align='center'&gt;
&lt;div id='top'&gt;
&lt;div style="width:982px;"&gt;
    &lt;div id="floatleft"&gt;&lt;a href="http://www.pearlsquirrel.com"&gt;&lt;img    src="pearlsquirrel.jpg"/&gt;&lt;/a&gt;&lt;/div&gt;
        &lt;div id="floatleftsearch"&gt;
        &lt;div style="margin-top:14px; height:36px;"&gt;&lt;form    action='searchmusic.php' method='GET'  autocomplete="off"&gt;&lt;input type='text' name='search'    id='search' class='search' value="Search..." onClick="changeborder();    searchresults.style.visibility = 'visible';"   onfocus="if(this.value==this.defaultValue)this.value='';"   onblur="if(this.value=='')this.value=this.defaultValue; this.style.border = '1px solid   #5E5E5E'; hidediv();" onkeyup='searchmusic()'/&gt;
</code></pre>

<p>My goal is the get this piece to fadeIn</p>

<pre><code>function changeborder()
{
search.style.border = '1px solid #4F94CD';
}
</code></pre>

<p>However, I have tried all that I know, which is not much about javascript, and can not figure this out.  I think that this is fairly simple to do, but I need any help that I can get.  Thanks!</p>
