我怎样才能像其他按钮一样使这些漂亮的复选框AJAX发布？

Question

我在普通的Submit按钮（在我的服务器上可以正常使用）旁边有漂亮的（但不起作用）复选框。

如何使漂亮的复选框启动AJAX发布？

我尝试了所有我能想到的组合。

<form  id="form" action='result.php' method='post'>

<ul class="listview checkbox-strip">
    <li><!-- li helps with formatting -->

        <label class="checkbox">
            <input name="quantity" value="one" type="checkbox">
            <input name="prod_id" value="62" type="hidden">
            <span class="label-text">Orange</span>
        </label>
    <BR>
        <label class="checkbox">
            <input name="quantity" value="5" type="checkbox">
            <input name="prod_id" value="62" type="hidden">
            <span class="label-text">Yellow</span>
        </label>


        <label class="checkbox">
        <input name="quantity" value="one" type="checkbox"></label>
        <input type=hidden name="prod_id" value=10>
        <input type="button" value="This Button Works on my server" id="submit">
</li>
</form>
<div id = "container"></div>

还没有错误，只是无法使用两个复选框之一触发发布。

这是其中的一个小玩意儿，除了帖子之外，其他所有东西都起作用。该帖子在我的服务器上有效。

https://jsfiddle.net/FredSmith/wktvhy60/21/

感谢您的帮助

已解决

将此$（“：checkbox”）替换为$（“＃submit”）