SerializeJSON返回空对象

Question

我使用serializeJSON()来捕获表单数据，但由于某种原因，我的对象返回空白。

我的表格：

    <form id="addreport">
        <div class="form-group">
            <label for="projectId">Project ID</label>
            <input type="text" class="form-control" id="projectId" value="{{projectId}}" disabled>
        </div>
        <div class="form-group">
            <label for="startDate">Iteration Start</label>
            <input type="date" class="form-control" id="startDate" placeholder="mm/dd/yyyy">
        </div>
        <div class="form-group">
            <label for="endDate">Iteration End</label>
            <input type="date" class="form-control" id="endDate" placeholder="mm/dd/yyyy">
        </div>
         <button type="" id="submit" class="btn btn-default">Submit</button>
    </form>

我的JS档案：

var formData = $("#addreport").serializeJSON();
console.log(formData); //returns Object {}

有谁知道可能会发生什么？

提前致谢！