Chrome extension doesn't read $(),click, how to fix?

Question

Google

On the page I add:

<a href="#" id="savetradeBtn" class="btn btn-primary input-group-addon">Save Trade URL</a>

And the extension doesn't work:

$('#savetradeBtn').click(function() {
        console.log("321");
        savetrade();
    });

How to fix?

Answer 1

is jquery included?
you have #savetradeBtn in jquery and the button is called #savetrade

Answer 2

Usually "doesn't work" has symptoms,
what does the error console give?
does your console.log("321"); or does it not reach?
where is the piece of code before the call and after the call? Maybe it does not reach here at all for some ifam?
Before and after the handler add console.log("start"); console.log("end");, it will be at least clear whether the code comes here or not.

Answer 3

Where and how do you add the element and where is your script? Perhaps you are confusing background script and content script, or you are just adding an element in such a way that the DOM does not have time to line up.