jQuery create an array using element name is showing multiple times
<p>I have this code creating an array using the element names, but instead of showing just once it shows the array 4 times. What am I doing wrong now?  </p>

<p>HTML</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a draggable="true" href="#" id="one" name="uno" class="imgHvr"&gt;One&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a draggable="true" href="#" id="two" name="dos" class="imgHvr"&gt;2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a draggable="true" href="#" id="three" name="tres" class="imgHvr"&gt;three&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a draggable="true" href="#" id="four" name="sweet" class="imgHvr"&gt;4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>jQuery</p>

<pre><code>$("#subBtn").click(function() {
    var answers = []
    $('#bin a').each(function() {
        answers.push($(this).attr('name'));
        console.log(answers);
    })
});
</code></pre>

<p>I have posted the complete code here <a href="http://jsfiddle.net/G22ZA/2/" rel="nofollow">Demo</a></p>
