how to use bind function to "<li>", which was kept dynamically?
<p><code>&lt;li&gt;</code> is kept by the <strong>set_input()</strong> function, After getting <strong>data</strong> by using a <strong>getJSON()</strong>.
But even bind function is not working.
could anybody pls help me! </p>

<pre><code>$(document).ready(function()
{

$.getJSON("sample1.php?",
    function(data){
    $.each(data, function(i,j){
    testA[j.id]=j.name;
   });
   set_input("div_1","continent",testA);
 });

$("#"+div_D+" ul li").bind("click",function(){
 $("#"+div_D+" input[type='text']").val($(this).text());
}) 
});


  function set_input(div_D,name_N,Array_A){

 $("#"+div_D).html("&lt;input id="+name_N+"&gt;");
 var str="&lt;ul&gt;";
 $.each(Array_A,function(m,n){
  str +="&lt;li&gt;"+n+"&lt;/li&gt;"
 })
 $("#"+div_D+" input[type="text"]").after(str);
  }


  This is JSON array:
[ {'id':'0','name':'Africa'},{'id':'1','name':'Americas'},{'id':'2','name':'Asia'},{'id':'3','name':'Europe'},{'id':'4','name':'Oceania'} ]
</code></pre>
