Question

Below is the html code:

 <input type="button" id="abc" name="TechSupport_PartsOrder" value="Open Editor" />

Below is the JQuery Code:

$('#abc').click(function () {
alert('x');
});

Now when i put the above JQuery code to JS file it does not work, while when i put the same in page it works fine. Why this is happening i don’t knw.

And if i call the function onclick of button like this:

 <input type="button" id="abc" name="TechSupport_PartsOrder" onclick="abc()" value="Open Editor" />

JQuery:

function abc()
{
 alert('x');
}

it works well..

Answer 1

Wrap the code in a ready handler:

$(function() {
    $('#abc').click(function() {
        alert('clicked');
    });
});