ajax를 이용해 반복적인 작업을 하고싶습니다.

<ul id="list">
<li data-id="1"><span id="number"></span>번게시물 : <div id="data-area"></div></li>
<li id="list" data-id="2"><span id="number"></span>번게시물 : <div id="data-area"></div></li>
<li id="list" data-id="3"><span id="number"></span>번게시물 : <div id="data-area"></div></li>
</ul>


<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$("#list li").each(function() {
var articleNum = $(this).attr('data-id');
    $.ajax({
        url : 'myurl' + articleNum,
        dataType: 'json',
        success: function(data) {
            var value1 = data.data.value;
            var num = data.data.no;
            $(this).children("#number").append(num);
            $(this).children("#data-area").append(vlue1);
            }
    });
});
</script>