Question

I want to click on a div and update another divs content. Easy enough to do in jsfiddle
but it is not working in my actual project. When I move the code to my project, the click is never registered and the console.log() never fires. Any ideas on using Chrome Developer Tools or Firebug to troubleshoot this. When there are no obvious clues, like syntax errors etc. what are the more elusive clues to look for?

I added this:

    $('.routers').click(function(event){ 
             $('#titleBarContainerRightier').append('Scooby Doo!');
        console.log("click!");

To this and the click events stopped showing up:

    $(document).ready(function(){
        loadDATA('JSON/data.json', "DSC123");

        $('.routers').click(function(event){ 
                 $('#titleBarContainerRightier').append('Scooby Doo!');
            console.log("click!");

         });
       });

Answer 1

The problem your having is coming from whatever your loadData function is without knowing that i cannot assist much but heres my proof it works without it.

http://jsfiddle.net/th3fallen/YV8fN/