Unable to get handle to the class tag
<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Assignment 1&lt;/title&gt;
    &lt;style&gt;
        .detail { padding: 5px;}
        .hidden {display:none;}
        .unhidden {display: block;}
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class="container"&gt;
        &lt;ul class="list"&gt;
            &lt;li&gt;
                &lt;div class="master"&gt;Pre-foundation&lt;/div&gt;
                &lt;div class="hidden"&gt;
                    XYZ.......
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;div class="master"&gt;Apple I&lt;/div&gt;
                &lt;div class="hidden"&gt;
                    XYZ.....
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;div class="master"&gt;Apple II&lt;/div&gt;
                &lt;div class="hidden"&gt;
                    XYZ.....
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;div class="master"&gt;Apple III&lt;/div&gt;
                &lt;div class="hidden"&gt;
                    XYZ.....
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;div class="master"&gt;Apple IPO&lt;/div&gt;
                &lt;div class="hidden"&gt;
                   XYZ.....
                &lt;/div&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
    &lt;script   type="text/javascript"src="/Users/Documents/JS/jquery-1.6.2.js"&gt;
    jQuery.noConflict();
    function show_alert()
    {
    alert("x! I am an alert box!");
    }
    show_alert();
    $(".master").click(function() {
      alert ("hello");
    });
&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p></p>

<p>I am having problems getting the click function to work. I am trying to expand the hidden text when the user clicks on the title of the paragraph.</p>

<p>The source of the jquery-1.6.2.js file is correct and I am able to open it in the browser. It also shows under the "script" tab of firebug.
If I delete the src="/Users/Documents/JS/jquery-1.6.2.js" from the code, I am able to see an alert box firing from show_alert();. But when I add the "src = .." in the code the show_alert(); stops working and I am not able to get handle to the 'master' class. What am I doing wrong? </p>
