Jquery/js Append With Attribute

[azraelGG]

i work on some code that on every click will add input field to my html and that part works fine,

 

but i want that field to have an ID next to it so i can use it for my database and php after

heres the code

<script type="text/javascript">
var counter = 1;
$(document).ready(function(){
 $("#addCestica").click(function(){
  counter++;
  //$("#sveCestice").append("<br /><input id=\"cestica\" "+this.counter" />");
  $("#sveCestice").append("<br /> <input  />").attr("id",this.counter);

 });
 $("#removeCestica").click(function(){
  counter--;
  $("br:last").remove();
  $("#sveCestice input:last").remove();
 });
});
</script>

 

paragraph where i display input fields is empty