title: jquery append to html with image then remove it not being displayed
body: <p>Hey all i am trying to get my jquery code below to work:</p>
  
  <pre><code>function submitContactUs() {
      if ($('#cf-name-txt').val() == '' || $('#cf-name-txt').val().charAt(0) == '*') {
          $('#cf-name-txt').append("&lt;img src=\"img/attention.png\" width=\"16\" height=\"16\" style=\"position:absolute; left: -7px; top: 7px;\" /&gt;");
      }       
  }
  </code></pre>
  
  <p>And the HTML code is this:</p>
  
  <pre><code>&lt;div id="contactus-name"&gt;
      &lt;input type="text" id="cf-name-txt" style="width: 200px;" class="formBoxesContact" value="*Your Name"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works with adding the image to the end of the html code above but its not displaying? It looks like this in firebug:</p>
  
  <p><img src="https://i.stack.imgur.com/LghJJ.png" alt="firebug"></p>
  
  <p>What am i doing to cause it not to display?</p>