on .bind('click') it is not deleting the first div
<p>When I click on a particular div, that div should fade out, simple, but when I click on one of the divs it deletes the div on top of the stack, i.e. when I click #sel6 it removes sel5</p>

<p><strong>HTML code</strong></p>

<pre><code>&lt;div id="selc_d" class="selc" style="position:absolute; left:15px; top:200px; width:260px;"&gt;

&lt;div id="sel5" class="sel"&gt;something&lt;/div&gt;
&lt;div id="sel6" class="sel"&gt;something&lt;/div&gt;
&lt;div id="sel7" class="sel"&gt;something&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p><strong>jQuery code</strong>
sel_id, sel_1 are variables</p>

<pre><code>$('.selc_d').bind('click',function(){ 
  var sel_id = $('.sel').attr('id');
  alert(sel_id);

  $('#'+sel_id).fadeOut('slow');
  $('#'+sel_id).remove();
  $('.search_box').append(sel_1);
});
</code></pre>
