1. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
2. <link rel="stylesheet" href="/resources/demos/style.css">
3. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
4. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
5. <script type="text/javascript" src="<?php echo base_url(); ?>assets1/js/moment.js"></script>
6. <script type="text/javascript" src="<?php echo base_url(); ?>assets1/js/daterangepicker.js"></script>
7. <script type="text/javascript" src="<?php echo base_url(); ?>assets1/js/jqBootstrapValidation.js"></script>
8. <!-- Computations -->
9. <script type="text/javascript">
10. $(document).ready(function(){
11. $('#collection_amount, #collection_discount, #collection_penalty, #collection_total_amount').on('input',function() {
12.     var collection_amount = parseInt($('#collection_amount').val());
13.     var collection_discount = parseInt($('#collection_discount').val());
14.     var collection_penalty = parseInt($('#collection_penalty').val());
15.     var collection_total_amount = parseInt($('#collection_total_amount').val());
16.     $('#collection_total_amount').val(Math.round(collection_amount + collection_discount - collection_penalty));
17. });
18. });
19. </script>

Until recently, I added an auto-suggestion field.

1. <script src="<?php echo base_url(); ?>assets1/js/jquery-1.7.2.min.js"></script>
   
   <script type="text/javascript">
   $(document).ready(function() {
        var item1 = '#category-suggestions';
        var item2 = '#category';
        var item3 = '#category-autoSuggestionsList';
    
        $(item1).hide();
    
        function lookup(fieldSuggestions, fieldSuggestionsList, inputString) {
             if(inputString.length == 0) {
                  $(fieldSuggestions).hide();
             } else {            
                  $.post("http://domain.com/portal/reports/home_members/search_autocomplete_collector/",
                  {queryString: ""+inputString+""},
                  function(data){
                       if(data.length >0) {
                            $(fieldSuggestions).show();
                            $(fieldSuggestionsList).html(data);
                       }
              });
             }
        }
    
        function fill(fieldId, fieldSuggestions, thisValue) {
             $(fieldId).val(thisValue);
             setTimeout("$('" + fieldSuggestions + "').hide();", 200);
        }
    
        $(item2).keyup(function() {
             lookup(item1, item3, $(item2).val());
        });
    
        $(item3 + " li").live('click', function() {
             fill(item2, item1, $(this).attr('title'));        
        });
   });
   </script>

Then, my auto-suggestion field is working, but my computation fields wont. what happened?

Here's the error image