Невозможно получить значение текстового поля с помощью jquery

Question

Это должно быть действительно легко, и это сработало на каждой странице моего сайта, кроме этой. Я действительно не могу понять, что я делаю неправильно.

<script type="text/javascript"> 
$(document).ready(function()
{
    $("#center, #west").css("min-height","110%");
    $("#positionName").NobleCount('#positionNameCounter', {max_chars: 50, on_negative: 'go_red', on_positive: 'go_green' });
    $("#cName").NobleCount('#cName_counter',{ max_chars: 255, on_negative: 'go_red', on_positive: 'go_green' });
    $("#cURL").NobleCount('#cURL_counter',{ max_chars: 255, on_negative: 'go_red', on_positive: 'go_green' });
    $(".info th").addClass("ui-widget-header").css("border","none").attr("style","font-size:14px; padding:7px;");
    $(".info").addClass("ui-corner-all");
    $(".info td").addClass("padding");
    $(".bold").addClass("ui-tabs-nav");
    var company = $("#company").val();
    $("#checkAvailability").click(function(){
        alert(company);
    });
});
</script> 

А вот мой HTML:

<input type="text" name="company" id="company" maxlength="40" title="Desired Company Name" style="width:50%;" /><span style="width:20%; padding-left:5px; cursor:pointer; text-decoration:underline;" id="checkAvailability">

Это убивает меня, потому что я не могу понять это ради своей жизни. Заранее спасибо,

Jeff

Редактировать: Энди Э. ударил его по ногтю, спасибо за помощь.

Answer 1

Ваше текстовое поле не имеет значения по умолчанию, поэтому оно будет пустым, когда переменная company установлена ​​с использованием следующей строки в вашем обработчике готовности:

var company = $("#company").val(); // Empty here since no value has been set 

Измените его на:

var company = $("#company");
$("#checkAvailability").click(function(){
    alert(company.val());
});