title: Set element to unclickable and then to clickable
body: <p>I want to have a div element set to not be clickable and then set it to clickable after another element is clicked.</p>
  
  <p>So, when .case is clicked:</p>
  
  <pre><code>$('.case').click(function() {  
  $('#patient').addClass('active').on('click');
  });
  </code></pre>
  
  <p>But how do I set #patient to unclickable in the first instance when I have further down:</p>
  
  <pre><code>$('#patient').click(function() { 
  alert('clicked');
  });
  </code></pre>