title: JS Breakpoint doesn't get hit, but code executes
body: <p>I have an unsual problem and working on it since hours. My breakpoint doesn't get hit within the function yet the functionality works, it is driving me crazy.  I have tried this with both Chrome/developer tools and Firefox/Firebug. I never had something like this before. </p>
  
  <p>The first breakpoint hits when I click on the button New Conversation.
  But then when I click on Cancel Button that comes through the jquery .load() the break point doesn't hit. Yet the functionality behind it executes (the div gets emptied).</p>
  
  <p>What am I missing please?</p>
  
  <pre><code>function cancel_new_conversation(event){
      //2nd Breakppoint below this line doesn't get hit, but the empty() statement works.
      event.preventDefault();
      $('#new_conversation_div').empty();
  }
  
  function new_conversation(event){
      event.preventDefault();
      var url = $(this).attr("href") + "/";
      $('#new_conversation_div').load(url, function(){
         //1st Breakpoint gets hit.               
         $('#new_conversation_cancel_button').click(cancel_new_conversation);     
      }); 
  }
  
  $(document).ready(function (){      
    $('#new_conversation_button').click(new_conversation);
  }
  </code></pre>
  
  <p>Is there anything I am doing that breaks the javascript somehow?</p>
  
  <p>EDIT:</p>
  
  <p>Good idea with the alerts. here is the proof. Maybe its an environment issue? I have to try it on a different machine.</p>
  
  <p><img src="https://i.stack.imgur.com/7XYm5.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/V8X7h.png" alt="enter image description here"></p>