I want a selected value of a select box to pull data from database and populate it in another select box

test.php contains the display:

<form role="form">
<div class="form-group">
<label for="division_1">Fruits</label>
<select id="division_1" class="form-control division_1" name="division_1">

<?php
$q = mysqli_query($dbc,"SELECT * FROM division_tbl");
while($data = mysqli_fetch_assoc($q)){
?>
<option value="<?php echo $data['id'] ?>"><?php echo $data['division_name'] ?></option>
<?php
}
?>
</select>
<div class="form-group">
<label for="block">Block</label>
<select id="block" class="form-control fruits" name="block">

</select>
</div>
</form>




 and this is the jquery js file

$(".division_1").change(function(){
var division_1 = $('select[name=division_1]');
var data = 'division_1=' + division_1.val();

$.ajax({
url: "config/ajax/send_value.php",
type: "POST",
data: data,
success: function(data) {
Blocks();
}
}
});
return false;
});

//blocks


function Blocks(){
$('#block').empty();
$('#block').append("Loading");
$.ajax({
type: "POST",
url: "config/ajax/send_value.php",
contentType:"application/json; charset=uft-8",
dataType:"json",
success: function(data){
$('#block').empty();
$('#block').append("Select block");
$.each(data,function(i, item){
$('#block').append(''+ data[i].name +'');
});
},
complete: function(){
}
});
}

});

and this is the php post and receive files


if(isset($_POST['division_1'])){

$q = mysqli_query($dbc,"SELECT * FROM block_tbl WHERE id = '$_POST[division_1]'");

if(mysqli_num_rows($q)){
$data = array();
while($rows = mysqli_fetch_assoc($q)){
$data[] = array(
'id' => $rows['id'],
'name' => $rows['block_name']
);
}

header('Content-type: application/json');
echo json_encode($data);
}

}


Please help me out