event binding on generated html

by Yusril Maulidan Raji

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div class='parent'>
  
</div>

CSS

.parent
{
  background-color:white;
  
}
.clear
{
  width: 25px;
  height: 25px;
  cursor: pointer;
}

JavaScript

$('.parent').on('click', '.clear', function() {
	alert("tst");

});
var icon = '<div class="clear" style="display: block;">' + 
							'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">' + 
              	'<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" style="fill: red;"></path>' + 
    					'</svg>' + 
    				'</div>';
$('.parent').append(icon);