jquery to show div one by one each click event

jquery to show div one by one each click event

This is my code :
<script type="text/javascript">
$(document).ready(function(){
$('.toAdd').hide();
$('#add').click(function () {
var i = 0;
$('.toAdd').each(function () {
if ($(this).show()) {
i++;
}
});
});
});
</script>
<div id=add><input type="button" value="click"/>
</div>
<div id="toAdd">
<label>1</label>
</div>
<div id="toAdd">
<label>2</label>
</div>
<div id="toAdd">
<label>3</label>
</div>
<div id="toAdd">
<label>4</label>
</div>
In this code i need to show one by one div for each click event but its
not working?