An unwanted object in the last cell of an array
<p>I'm using the following code on a parsed XML array: </p>

<pre><code>$(this).find("cp_group").each(function() {
    $("select#comp_1").append('&lt;optgroup label="' + $(this).attr('label') + '"&gt;&lt;option&gt;' + $(this).find("cmp").map(function() {
        return $(this).text();
    }).get().join("&lt;/option&gt;&lt;option&gt;") + $(this).append('&lt;/option&gt;&lt;/optgroup&gt;'));
});​
</code></pre>

<p>And i get an unwanted [object Object] in the last option of each option group as following:</p>

<pre><code>&lt;select name="comp_1" id="comp_1"&gt;
&lt;optgroup label="Combat"&gt;
&lt;option&gt;Arme&lt;/option&gt;
&lt;option&gt;Arts martiaux&lt;/option&gt;
&lt;option&gt;Esquive&lt;/option&gt;
&lt;option&gt;Feinte&lt;/option&gt;
&lt;option&gt;Parade&lt;/option&gt;
&lt;option&gt;Lutte[object Object]&lt;/option&gt;
</code></pre>

<p>I dont understand from where this [object Object] come from and I didn't achieve to not get it or to remove it.
Thanks for you help.</p>
