javascript - ajax GETを使用してフォームデータを正しいURLに送信するにはどうすればよいですか?

Question

私はHTMLページを持っています

<form id="customer">    
<label for="customer-name">Enter customer names: </label>
<input type="text" id="customer-name"/>
<input type="submit" value="Submit"/>
</form>

この HTML ページの URL はhttp://www.example.com/customerです。フォームを送信するときに、次の URL に対して ajax GET を使用したいと考えています。

http://www.example.com/customer/query?customer-name=davis

ajax コードは次のとおりです。

$(document).ready(function() {
    $("#customer").submit(function() {
    $.ajax({
        url: 'customer/query',
        type: 'GET',
        data: $("#customer-name").val(),
        success: function(data) {
        alert(data);
        }
    });
    });
});

しかし、テキストボックスに「davis」と入力して「送信」ボタンをクリックすると、次の URL (/queryサブパスなし)に移動しました。

http://www.example.com/customer?customer-name=davis

そのため、必要な正しい URL アドレスに移動しませんでした。Ajax リクエストで URL を指定しましたが、サブパス/customerではなくパスにのみ送信されます。/customer/queryajax GET を正しい URL アドレスにするにはどうすればよいですか? または、コードに間違いがありますか?