Values coming into Dropdown box as one line
<p>I have a Dropdown box, Which is getting filled by values from mySQL database, here is the part of the script that I am using to fill the drop down.</p>

<pre><code>var details = JSON.parse(data);
console.log(details);
for ( i = 0; i &lt; details.aaData.length; i++) {
console.log(details.aaData[i].id);
$('select#package-id option').append(details.aaData[i].id);
}
</code></pre>

<p>and here is HTML,</p>

<pre><code>&lt;select name="package" name="package-id" id="package-id"&gt;
        &lt;option&gt;&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>But the dropdown shows the values as 1234 where as I am expecting them as,</p>

<p>1</p>

<p>2</p>

<p>3</p>

<p>4</p>

<p>Any workarounds for this?</p>
