Как я могу сделать эти приятные галочки AJAX Post как эта другая кнопка?

Question

У меня есть красивые (но не функциональные) флажки рядом с обычной кнопкой отправки (которая отлично работает на моем сервере).

Как я могу заставить симпатичный флажок инициировать пост 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")