在jQuery / Ajax中的dataString中没有得到正确的值

Question

在我的ajax脚本中，当我console.log持续一段时间时，它会返回<select name="duration" id="duration">而不是值。我认为因为这个原因我的功能不正常。我没有从PHP页面得到任何响应，并且加载图像继续加载。

$(document).ready(function() {
    $("#submit").click(function() {
        var dataString = {
            quantity: $("#quantity").val(),
            duration: $("select[name='duration']").val()
        };
        console.log(duration);
    $.ajax({
            type: "POST",
            dataType : "json",
            url: "rent-process.php",
            data: dataString,
            cache: true,
      beforeSend: function(){
                $("#submit").hide();
                $("#loading-rent").show();
      },
            success: function(json){
                $("#loading-rent").hide();
                $("#submit").show();
                $(".message").html(json.status).fadeIn();
                $('#wallet-av').html('$' + json.wallet);
                $('#ref-av').html(json.referrals);
            }
        });
        return false;
    });
});