title: JQuery AJAX wont fire after the second time
body: <p>This is scratching my head, the first time I click, it submit just fine with the alert data.msg .But the second time , the ajax only does nothing, the alert "end here" still fire so I assume no problem with event click. Whats wrong with my ajax? because of the serialize thing?</p>
  
  <pre><code>                $('#inv-btn-submit').live('click',function(e) {
  
                      $.ajax({
                          type : 'POST',
                          url : '&lt;?= base_url();?&gt;main/insertInvoice',
                          dataType : 'json',
                          data: {product_list:$('.namabarang').serializeArray(),
                              qty_list : $('.qty').serializeArray(),
                              cost_list : $('.cost').serializeArray(),
                              customer_meta:$('#customer input, textarea').serializeArray()
                          },
  
                          success : function(data){
                             alert(data.msg);
  
  
                          },
                          error : function(XMLHttpRequest, textStatus, errorThrown) {
                              alert('There was an error. ');
                          }
                      });//end of ajax
                      alert("end here");
                      return false;
  
                  });// end of button click
  </code></pre>