I am working on a simple jquery snippet where I add a number on the hand of counted elements to each element. But is something going wrong.

I add a link and element with a number for each existing element as `#links span`, but in the beginning my function gives the numbers 1, 1, 2, 3, 4 etc to the link number, because he sees no `#links span`'s the first time. 

Watch my jsFiddle to understand my problem: <http://jsfiddle.net/RVermeulen/26VeD/>

```
function numbers() {
    var number = 0;
    if($('#links span').length <= 1) {
        number = 1;       
    } else {
        number = $('#links span').length;       
    }
    return number;

}

$('#add').on('click', function() {
    $('#links').append('<span number="'+ numbers() +'">Link'+ numbers() +'</span><br />'); 
   $('#elements').append('<div class="element">Element '+ numbers() +'</div>'); 
});

```