JQuery Click Event Not Firing on button <p>I've got a JQuery click event that doesn't seems to be firing at all. If I am missing something I'm almost certain it's something trivial. I've tried debugging the code via Chrome but the button click on the Filter button is not even hitting the breakpoint.</p> <pre><code>$('#filter').click(function () { var dataurl; var visit = $('#visitFilter').val; var dns = $('#dnsFilter').val; var visitdate = $('#visitDateFilter').val; var entrypage = $('#entryPageFilter').val; var timeOnSite = $('#timeOnSiteFilter').val; var timeonsiteselector = $('#timeOnSiteSelector').val; var pages = $('#pagesFilter').val; var cost = $('#costFilter').val; var city = $('#cityFilter').val; var country = $('#countryFilter').val; var keywords = $('#keywordsFilter').val; var referrer = $('#referrerFilter').val; dataurl = "http://localhost:56971/VisitListFilter/28/" + visit + "/" + dns + "/" + visitdate + "/" + entrypage + "/" + timeOnSite + "/" + timeonsiteselector + "/" + pages + "/" + cost + "/" + city + "/" + country + "/" + keywords + "/" + referrer + "/" + "?format=json"; $('#VisitListTable').bootstrapTable('refresh', {url: dataurl}); }); </code></pre> <p>I've also created a fiddle here with the full code: <a href="https://jsfiddle.net/W3R3W0LF666/epu54yc4/1/" rel="nofollow">https://jsfiddle.net/W3R3W0LF666/epu54yc4/1/</a> </p>