Question

I have an empty table with cell’s whose id’s are already assigned

e.g.

<td id="se/sv-1">&nbsp</td>

Then I have a go button defined like so

<a href="#" alt="PreSurf" id="submit"><img src="go.png"></a>

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

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

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

Any ideas?

Answer 1

Use $("#se\\/sv-1") instead of $("#se/sv-1")

If you wish to use any of the meta-characters ( such as
!”#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, you must
escape the character with two backslashes: \\.

http://api.jquery.com/category/selectors/