I Am Using These Functions In Javascript But It Is Not Sending Any Value To Filteropts I Checked I Made Checkboxes With Id Values Please Help

function getProductFilterOptions(){
        var opts = [];
        $checkboxes.each(function(){
          if(this.checked){
			  	
            opts.push(this.id);
          }
        });

        return opts;
      }

function updateProduct(opts){
	$.ajax({
			type: "POST",
			url: "submit.php",
			dataType : 'json',
			cache: false,
			data: {filterOpts: opts},
			success: function(data){
			$('#disp').html(makeTable(data));
			$("#disp").table("refresh");
			
          }
        });
}

var $checkboxes = $("input:checkbox");
$checkboxes.on("change", function(){
	
		var opts = getProductFilterOptions();
        updateProduct(opts);
      });
	  updateProduct();
	  //dropdown();
$checkboxes.trigger("change");