MVC jquery ajax chamar serializar sempre vazio - jquery, html, asp.net-mvc

Estou tentando enviar dados de um formulário para o meucontrolador no back-end usando jquery ajax. Quando serializo o formulário, ele está sempre vazio. Quando eu faço um alerta ($ ("# formMain"). Serialize ()) está sempre vazio. Alguém pode me dizer o que estou fazendo de errado.

html:

<form id="formMain">
Date: <input type="text" id="DateSelected" style="width:95px;" />
<input type="submit" onclick="javascript: return SubmitForm();" />
</form>


function SubmitForm() {
alert($("#formMain").serialize());
$(function () {
$.ajax({
type: "POST",
url: "/Home/Submit",
data: $("#formMain").serialize()
});

return false;
});
};

Respostas:

você precisa de um atributo de nome no seu campo de entrada