jquery - JQueryはdiv内のすべての入力の値を取得します

Question

コントロール パネルに複数の選択肢があり、JQuery を使用してテキスト フィールドにデータを入力したいと考えています。できれば、形式は Question、AnswerOpt1、AnswerOpt2... です。以下に示すコードとそのバリエーションをいくつか試しましたが、うまくいきませんでした。

HTML

<div class="formRow">
    <label>Multiple Choice: </label>
    <div class="formRight">
        Question: <input type="text" class="MCQuestion" />
    </div>
    <div class="formRight MCAns">
        Answer Option1: <input type="text" class="MCAnswer"/>
    </div>
    <div class="formRight MCAns">
        Answer Option2: <input type="text" class="MCAnswer"/>
    </div>
</div>

<div><a href="#" id="Save">Save</a></div>
<div id="log"></div>

Javascript

$("#Save").on("click",function() {
    $(".MCQuestion").each(function(){
        if($(this).val()!=""){
            $(this).parent().find(".MCAnswer").each(function(){
                $('#log').after($(this).val());
            });
        }
    });
return false;
});