ปัญหา jquery .get กับ IE8 ไม่สามารถดึงข้อมูลมาแสดงได้

$(document).ready(function(){	
	$('#classroom').change(function(){
		var id = $('#classroom').val();
		$.get('<?php echo base_url() . 'setup/get_category'; ?>',  { id: id },
		function(data) {
		  	$('#category').html(data);		  
		});
	});
})

<table>
<tr>
		          <td align="right" class="title">ระดับชั้นปี :</td>
		          <td><select name="classroom" id="classroom" class="small-text"><option value="">-เลือก-</option>
				  <?php		  			  	  	
				  	foreach($classroom as $id=>$val){							
				  ?>
		            <option value="<?php echo $id; ?>"><?php echo $val['name']; ?></option>
				 <?php
				 	}			 
				 ?>			
				 </select>
				 </td>				
</tr> 
<tr>
				<td width="20%" align="right" valign="top" class="title">หมวดหมู่ :</td>
    <td width="80%"><select name="category" id="category" class="small-text"><option value="">--</option></select></td>
</tr>
</table>