jquery - variabled を 1 つのレベルに保ちながら、複数の各ステートメントをクエリする

Question

私は、Jquery で何かを行うための最良の方法の根底に到達しようとしています。

HTML

<div class="questionblock" id="questionblock1" data-load="questionblock2">
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 1</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question1">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="questionblock" id="questionblock2" data-load="questionblock3">
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 2</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question1">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                    <div class="row inline">
                        <div class="labelholder">
                            <strong>Q:</strong>
                            <label>Question 3</label>
                        </div>
                        <div class="inputholder">
                            <strong>A:</strong>
                            <select data-val="question2">
                                <option data-value="default">Please select</option>
                                <option>Answer 1</option>
                                <option>Answer 2</option>
                            </select>
                        </div>
                    </div>
                </div>

JS

<script type="text/javascript">
            $(function () {
                $('#content').removeClass('nojs');
                $('.questionblock').not('#questionblock1').hide();
                $('.questionblock').each(function () {
                    var myQuestions = [];
                    var block = $(this).attr('id');
                    var load = $(this).data('load');            
                    $(this).children().children().children('select').each(function () {
                        var questions = $(this).data('val');
                    });
                    console.log(block, questions);
                });
            });
        </script>

questionblock のクラスで各 div を取得し、id を読み取り、この div 内のすべての選択ボックスを取得し、それらのデータ値を出力して、すべてを 1 つのレベルで検証できるようにしたいと考えています。

http://jsfiddle.net/VEtx8/

ありがとう

リチャード