Selector working only on one element.

Selector working only on one element.

I'm trying to create a new <div class="line"> when an <input type="text"> contained in the last  <div class="line"> loses focus. 

But new div blocks are created only when the an <input type="text"> in the first<div class="line"> loses focus. Please I need help urgently. Thanks.

This is my code:

  2. <script type="text/javascript">
  3.         $(function() {
  4.               $(':text:last').blur(function() {
  5.                 $('<div class="line"><span>data: </span><input type="text"/></div>')
  6.                 .appendTo($('#lineStack'));
  7.             });
  8.         }); 
  9.     </script>
  10. </head>
  11. <body>
  12.     <div id="lineStack">
  13.         <div class="line">
  14.             <span>data: </span><input type="text" />
  15.         </div>
  16.     </div>
  17.    
  18. </body>