JQuery пост запрос не работает

Я искал и пробовал все возможные пути здесь, но это не исправить мою проблему. то я решил задать вопрос. У меня есть страница HTML/PHP, в которой есть список команд, и есть кнопка для обновления имени команды. Я пытаюсь изменить имя команды, не обновляя страницу. вот мой HTML/PHP:

<input id="team_name_input_field_<?php echo $teamID; ?>" type="text" value="<?php echo $team_name; ?>" style="display:none;">
<input id="team_name_update_button_<?php echo $teamID; ?>" type="button" value="Update" style="display:none;" onClick="updateTeamName(<?php echo $teamID; ?>);">

поэтому onclick кнопки обновления, я отправляю $ teamID в мою функцию jquery. вот мой jquery:

function updateTeamName(moo)
{
    var name = $("#team_name_input_field_" + moo).val();

    if($.trim(name) != '' && $.trim(name) != 'N/A')
    {
        $.post('add_team_name.php', {name: name}, function(data){
            alert(data);//this is not working 
        });
        alert(moo);//this is working
    }

    else
    {
        alert("enter something please");
    }
}

Таким образом, moo - это идентификатор teamID, и я также беру имя team_name и сохраняю его в переменной имени. и есть add_team_name.php, который отвечает за добавление имени. но я хочу сначала проверить, могу ли я получить данные из add_team_name.php. здесь add_team_name.php:

<?PHP

echo "hahahahaha";

?>

Я просто эхом "hahahaha" в add_team_name.php, и я предупреждаю данные в jquery. но ничего не предупреждает. Затем я добавил еще одно предупреждение (moo); после сообщения jquery, и это предупреждает moo. так что проблема с моим сообщением, я думаю. потому что я должен быть в состоянии получить "hahahahaha", когда я предупреждаю данные. Заранее спасибо.

note: моя страница php/html находится в основном каталоге, а файл jquery и add_team_name.php находятся в папке js.