title: JQuery .click suddenly broken
body: <p>I had some jquery code in my php project that was working great... and now it isn't.  I'm not sure what I changed and have double checked that the CSS is correct as I can manually change display away from "none" and it works. I also know JQUERY is working because other elements from the same document are functioning. Am I missing something simple?</p>
  
  <p>Here is the relevant code: </p>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).ready(function() {
  $('#addq_btn, div.darken').click(function() {
      $('div#addq_lb').toggle(250);
      $('div.darken').toggle(0);
  });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#" class="question_btn" id="addq_btn" &gt;Add Question&lt;/a&gt;
  
  &lt;div class="darken"&gt;&lt;/div&gt;
  
  &lt;div class="lightbox" id="addq_lb"&gt;
      &lt;h3&gt;Enter a new question below.&lt;/h3&gt;
      &lt;form action="" method="post"&gt;
          &lt;textarea name="question" required="required" 
                    maxlength="150"&gt;&lt;/textarea&gt;&lt;br /&gt; 
      &lt;input class="btn" type="submit" 
                    name="questionsubmit" value="Add Question"&gt;
  &lt;/form&gt;
  &lt;button class="btn" id="addq_btn"&gt;Cancel&lt;/button&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;p id="smallinfo"&gt;You can add answers on this 
  page after you've added the question.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>