I am generating various DOM elements using ajax and inserting into a div with 

Dynamically generated element

<button class="mybtn" id="1">Btn1</button>

<button class="mybtn" id="2">Btn2</button>

Div into which I am inserting the elements  

<div class="col-md-12" id="displayslots"> </div>

When i use this below code no click event gets fired :( , please help

$(document).ready(function() { $(". mybtn ").on("click", function(){

var id=$(this).attr('id'); alert(id);

}); });

Thanks for help in advance