ajax sự kiện change

$("#nhom_cha").change(function() {
                      var cid = $("#nhom_cha option:selected").attr('value'); (1) cách 1
                      var cid = $("#nhom_cha").val();(2) // cách 2
                      $.ajax({
                          url: 'modules.php',
                          type: 'POST',
                          dataType: 'html',
                          data: {name: 'Lienhe',op:'ShowProduct_ajax',cid:cid},
                      })
                      .done(function(data) {
                          console.log("success") ;
                          console.log(data);   
                          $('#nhom_con').html(data);         
                      })
                      .fail(function() {
                          console.log("error");
                      })
                      .always(function() {
                          console.log("complete") ;
                      });                     
                  });

#*********************************************#
   $cid = $_POST['cid'];
    $sql = "database ";   
    $res = $db->sql_query($sql);  
    $category .= '<option value="-1">Chọn nhóm con</option>';
    while($row = $db->sql_fetchrow($res)) {
        $category .= '<option value="' . $row['cid'] . '">' . $row['title'] . '</option>';
    }
    echo $category;
#*****************************************************#
<select  name="nhom_cha" id="nhom_cha">
    <option value='1'>nhóm cha 01</option>
</div> 

<select  name="nhom_con" id="nhom_con">
    <option value='12'>nhóm con 001</option>
    <option value='13'>nhóm con 002</option>
    <option value='14'>nhóm con 003</option>
</select>