Not able to append options to select
<p>I am not sure why this works but not when I pass in numbers</p>

<pre><code>&lt;form id="form1" runat="server"&gt;
    &lt;div id="facebookPhotos-iFrameContent"&gt;
        &lt;div&gt;
            &lt;p&gt;Log in&lt;/p&gt;
            &lt;p id="LoginButtonContainer"&gt;&lt;input type="image" id="btnLogin" src="images/loginBtn.jpg" /&gt;&lt;/p&gt;
            &lt;p&gt;&lt;select id="facebookAlbumDropdown" /&gt;&lt;/p&gt;
            &lt;div id="facebookPhotosContainer" /&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p></p>

<pre><code>AddDropdownItem("-Select something test-", "-1", "testDropdown");

function AddDropdownItem(sText, sValue, sDropdownID)
{
      $("#" + sDropdownID).append("&lt;option value=" + sValue + "&gt;" + sText + "&lt;/option&gt;");
}
</code></pre>

<p>that works</p>

<p>but this does not:</p>

<pre><code>var id = 104388426283811;
AddDropdownItem("-Select something test-", id.toString(), "testDropdown");
</code></pre>

<p>What happens is the default option shows up but then when it tries to add the second option it bombs out with no errors that I can see in the firebug console and then in the end the list goes blank (no options) when my code is done running.</p>
