jquery event are not works on ajax loaded content(html) : <p>When i load html content by using ajax, the jquery events on loaded html is not work.</p>

<p>For Example-</p>

<p>I have a jquery function-</p>

<pre><code>$('.test').on('click', function(){
  alert('hi');
});
</code></pre>

<p>ajax response : </p>

<pre><code>&lt;div&gt;
  &lt;p class="text"&gt;test data&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>Now clicking on ajax loaded data is not firing jquery On click event as i defined.</p>
