Datatable not working when another AJAX is used
<p>Either The Ajax for select.mop is working or Datatable is working . i want it both to work .   </p>

<pre><code>  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
$("select.mop").change(function(){
    var selectedMop = $(".mop option:selected").val();
    $.ajax({
        type: "POST",
        url: "client_v_load.php",
        data: { country : selectedMop } 
    }).done(function(data){
        $("#response").html(data);
    });
  });
 });
   &lt;/script&gt;
&lt;script type="text/javascript" language="javascript" class="init"&gt;      
 jQuery(function($) {
 $('#load_payment').DataTable();

 })(jQuery);
 //$(document).ready(function() {
 //$("select.mop").destroy();
 //$('#load_payment').DataTable();
 // } );
&lt;/script&gt;
</code></pre>

<p>only  select.mop is working with dis code , but datatable don't work . if i load the datatable before select.mop than select.mop don't work</p>