title: jQuery .html something wrong
body: <p>I have a very simple code that I don't understand why it's not working.</p>
  
  <p>So, some where in my html I have a table. And this  in it:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="tx-right" colspan="2"&gt;&lt;strong&gt;Price&lt;/strong&gt;&lt;/td&gt;
      &lt;td class="td-speedy" id="speedy_price"&gt;&lt;/td&gt;
      &lt;td class="td-casting" id="casting_price"&gt;&lt;/td&gt;
      &lt;td class="td-search" id="snb_price"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Now this is my jQuery Code inside an ajax call:</p>
  
  <pre><code>if(typeof r.casting === 'undefined'){
      alert("a");
      ("#casting_price").html("&lt;div class='alert'&gt;Not available for this language and accent&lt;/div&gt;");
      alert("d");
  }
  else
  {
      alert("b");
      $("#casting_price").text("$"+ r.casting+" USD");
  }
  alert("c");
  </code></pre>
  
  <p>Ok now when the r.casting has a value on in it works fine and alerts: "b" and "c"
  but when the r.casting is undefined nothing is printed and I get the "a" alert but nothing else!</p>
  
  <p>What's going on here?</p>