Using jQuery .append() to insert a div into a table cell
<p>I'm attempting to create divs in an table using jQuery.  The table represents a calendar with each <code>&lt;td&gt;</code> having an ID that is equal to the ISO formatted date string.  In the code below I'm having a problem with the append line.  It is not adding anything to the DOM.  I've checked the tdID values against the IDs for the cells and they do indeed match.  So I'm fairly certain that is not the issue.  Can someone spot where I may have gone wrong? </p>

<pre><code>if (loopDate.between(past, future)) {
   var tdID = loopDate.toISOString();
   $("#" + tdID).append("&lt;div class=&amp;quot Event &amp;quot&gt;" 
                   + data.events[i].Est + "&lt;/div&gt;");
}
</code></pre>

<p>Edit --- here's a sample of my html.  The "d" is a character I added to the beginning of the ID to address the issue noted by @Matt Stauffer.</p>

<pre><code>&lt;td id="d2012-02-01T05:00:00.000Z"&gt;1&lt;/td&gt;
</code></pre>
