Нажатием кнопки установите флажок и отобразите еще jquery

Question

У меня есть кнопка:

<input type="submit" class="btn btn-primary" data1="w1d1" data2="w1d1soup" value="Add Meal to Order"></input>

И у меня есть два флажка:

<input data="w1d1soup" type="checkbox" name="w1d1" id="w1d1" value="1">
<input type="checkbox" name="w1d1soup" value="1">

И я сделал это jquery

    $(document).ready(function() {
        $('input[type="submit"]').click(function() {
            alert("hello");

        var inputValue1 = $(this).attr("data1");
        if ($("#" + inputValue1).is(':checked')) {

            $("#" + inputValue1).attr("checked", false);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        } else {

            $("#" + inputValue1).attr("checked", true);
            var inputValue2 = $(this).attr("data1");
            $("." + inputValue2).toggle();

        }               

        });

Идея в том, что когда вы нажимаете кнопку, первый флажок помечается как «отмеченный», а вторая кнопка переключается, чтобы появиться .... но я не могу заставить его работать

Есть идеи? (Я добавил оповещение («привет»); чтобы увидеть, появляется ли оповещение даже при нажатии кнопки, а оно не появляется)

Answer 1

Я исправил проблему благодаря комментарию Давида.

$(document).ready(
function() {

    $('input[type="submit"]').click(function() {

        var inputValue1 = $(this).attr("data1");

        if ($("#" + inputValue1).is(':checked'))
        {

            $("#" + inputValue1).attr("checked", false);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        }
        else
        {

            $("#" + inputValue1).attr("checked", true);
            var inputValue2 = $(this).attr("data2");
            $("." + inputValue2).toggle();

        }               

    }
    )
}
);