jQuery innerHTML does not work properly (!)
<p>I was trying to build an <code>&lt;a&gt;</code> tag and set it in a <code>&lt;td&gt;</code> of a table. The string is built perfectly but when I set this as the innerHTML using jQuery, the string gets broken. I can't figure out why this is happening? Any clues?</p>

<p>Here's the string I want to set in the <code>&lt;td&gt;</code>:</p>

<pre><code>&lt;a onclick='return EditIssueItemBatch('1c1e27a2-beac-4772-a26f-6a7e05529a65', '498ba483-ca06-4b23-b3a9-0085e4760ff1')'&gt;Edit&lt;/a&gt;
</code></pre>

<p>But here is how it looks after setting as innerHTML:</p>

<pre><code>&lt;A onclick="return EditIssueItemBatch(" ?498ba483-ca06-4b23-b3a9-0085e4760ff1?)? 1c1e27a2-beac-4772-a26f-6a7e05529a65?,&gt;Edit&lt;/A&gt;
</code></pre>

<p>And the following is my code-snippet..</p>

<pre><code>var tr = $("#itemIssueBatchListTable &gt; tbody:last").children()[data.Index + 1];
...
...
var strBuff = [];
strBuff.push("&lt;a onclick='return EditIssueItemBatch('");
strBuff.push(data.ItemIssueBatch.ItemCode_FK);
strBuff.push("', '");
strBuff.push(data.ItemIssueBatch.StockDetCode_FK);
strBuff.push("')'&gt;Edit&lt;/a&gt;");
tr.cells[9].innerHTML = strBuff.join("");
...
...
</code></pre>
