.on with clone and append elements

by rasec

HTML

<div class="bets">
 
 
</div>
<a class="addbettrigger" href="#">new</a>

<form class="bet">
    <input type="number" class="star" maxlenght="1" />
    <a class="addbetbutton" href="#">add</a>
</form>

CSS

.bet { display: none; }

JavaScript

$(".addbettrigger").on('click', function(e){
    e.preventDefault();
    var el = $(".bet:last").clone();
    $(".bets").append(el);
    el.show();
});

$(".addbetbutton").on('click', function(e){
    alert("New");
});