JQuery Получить выбранное пользователем значение из списка выбора при использовании по умолчанию select = y

Привет, у меня есть список выбора, так что:

<select id=cardtype name=cardtype>
<option selected='y' value="debit-0.00-50.00">Debit1</option>
<option value="debit-0.00-50.00">Debit2</option>
<option value="debit-0.00-50.00">Debit3</option>
<option value="Credit-1.00-50.00">CreditCard</option>
</select>

Я пробовал различные методы в JQuery, чтобы получить значение выбранного пользователя ценность: var card = $ ('# тип карты'). val (); var card = $ ('# cardType: selected'). val (); и т. д. и т. д.

Однако все они просто возвращают значение выбранного параметра по умолчанию:

 <option selected='y' value="debit-0.00-50.00">Debit1</option>

Кто-нибудь знает способ получить значение выбранного параметра, которое выбирает пользователь, а не значение, выбранное по умолчанию?

ИЗМЕНИТЬ чтобы уточнить, что JQuery запускается, когда пользователь нажимает ссылку, например:

<label for="paymentAmount">Amount (minimum payment <a class="minPay" href="">£<span id="dueFrom">50.00</span></a>) <span class="instructions"><span class="mandatory">*</span></span></label>

со следующим jquery:

$("a.minPay").click(function(event) {
            event.preventDefault();
            $("#paymentAmount").val($("#dueFrom").html());
            var from = parseFloat($("#paymentAmount").val());
            var card = $('#cardType').val();
    });

Это не запускается, когда пользователь выбирает параметр в списке выбора .. и я хочу, чтобы параметр значения, а не text:)