$(document).ready(function(){
    
    $(".addItem").click(function (){
    var id = $("#countid").val();
    if ( $('.descItemList').size() <= 20) {
        $("#items").append('<div id="item' + id + '" class="modcontainer item"></div>');  

        htmlStr = $('#item').html();

        $("#item" + id).append(htmlStr);
        $("#item" + id).append('<a href="#" class="removeItem" onclick="removeItem('+ id +')"><img src="/assets/images/delete-icon.png" alt="Remove item" /></a>');

    id = (id - 1) + 2;

    $("#countid").val(id);
    } 
    else {
        alert('You can not add more than 20 items per shipment!');
    }
    return false; 
    });   
    
});

  function removeItem(id) {
      $("#item" + id).remove();
      return false;
  }