Question

I have an HTML page where a click event is captured and hides #testContent. I put the HTML and Javascript in a jsFiddle here: http://jsfiddle.net/chromedude/VSXY7/1/ . For some reason in the actual page the .click() does not work, but in the jsFiddle works. Does anybody have a clue why this would be?

I have ensured that the jQuery and Javascript file were both correctly attached and show up in the Webkit Inspect and Firebug. I am not getting console errors either. It’s quite confusing.

UPDATE:
You can check out the actual page here: http://blankit.co.cc/test/77/

Answer 1

Your script tag has a typo in the type change it to text/javascript you are missing a letter.

Change study.js from

$(function(){

console.log('hello');
alert('hello');
/*var testContent = $('#testContent').val();
var contentArray = testContent.split(" ");

$('#studyTestLink').click(function() {

     $('#testContent').hide();
     alert('hello');


});*/

});

to

$(function(){

$('#studyTestLink').click(function() {


   var testContent = $('#testContent').val();
    var contentArray = testContent.split(" ");

     $('#testContent').hide();
     alert('hello');


});

});