jquery .load not working for this example
<p>I have an empty table with cell's whose id's are already assigned</p>

<p>e.g.</p>

<pre><code>&lt;td id="se/sv-1"&gt;&amp;nbsp&lt;/td&gt;
</code></pre>

<p>Then I have a go button defined like so</p>

<pre><code>&lt;a href="#" alt="PreSurf" id="submit"&gt;&lt;img src="go.png"&gt;&lt;/a&gt;
</code></pre>

<p>In the bottom (important?) of the page but still within the body I have the following script</p>

<pre><code>$(document).ready(function() {
    $("a").click(function(event) {
        event.preventDefault();
    });
    $("a#submit").click(function(event) {
        $("#se/sv-1").load("psurl.php?server=someserver.somehost.com&amp;url=/se/sv&amp;port=80");
    });
});
</code></pre>

<p>Yet it doesn't load on click... I have tested the url (obviously the hostname is changed to protect the innocent) and it works exactly like it should... I have tested by replacing the .load line with a simple alert('booya'); and it works yet the .load doesn't</p>

<p>Any ideas?</p>
