Dynamically add "Id" in Jquery / Javascript

---------------------------------------------
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<ul>
        <li>DEMO TEXT</li>
        <li>DEMO TEXT</li>
        <li>DEMO TEXT</li>
        <li>DEMO TEXT</li>
    </ul>

<script>
    $(document).ready(function(e) {
        var i = $('li').length;
       for(k=0;k<i; k++){
           $('li').eq(k).attr('id','id1' + k)
       }
    });

//////////////////////////javascript//////////////////////////////

var links = document.getElementsByTagName("li");
        for(i = 0; i < links.length; i++){
            links[i].className = "link-" +  i;
            links[i].setAttribute("id", "tp" + i);
        }


</script>
---------------------------------------------