$(document).ready(function(){
	abc();
$(document).on('change', '.category', function(e) {
abc();
});
	function abc(){
		$('.subcategory').html('<option>...........</option>');
$.ajax({
    type: "post",
    url: "subcategory.php",
    data:$("form").serialize(),
    dataType: 'json', // maybe not needed? I do not know if jQuery autodetects it
    success: function(data) {
        if(data.error!=true){
			$('.subcategory').html(data.msg);
		}
		else{
			$('.subcategory').html(data.msg);
		}
		}
		
});
	}
});