title: jQuery 'text' not working
body: <pre><code>var $insertSuccessMessage = $('#insertSuccessMessage');
  var $successPopup = $('#successPopup');
  var $successSpan = $('#successSpan');
  </code></pre>
  
  <p>I have a div tag:</p>
  
  <pre><code>&lt;div id="insertSuccessMessage"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When a user successfully enters a value into an input field, I am trying to get a 'success' popup to appear beneath this div tag like so:</p>
  
  <pre><code>$insertSuccessMessage.append('&lt;div class="alert alert-success alert-dismissible" id='successPopup' role="alert"&gt;&lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;&lt;span id="successSpan"&gt;&lt;/span&gt;&lt;/div&gt;');
  $successSpan.text("Successfully inserted value!");
  </code></pre>
  
  <p>Side: I'm using Bootstrap.</p>
  
  <p>So the <code>successPopup</code> will appear, but the text won't; the text is not inserted in between the span tags.</p>