Dynamically added textboxes, check for empty ones before POST
<p>Im adding dynamically textboxes to my form using jquery like this:</p>

<pre><code>$(document).ready(function(){
    var i = 1;
    var j = 1;

    $('#add_q').click(function() {
        $('&lt;div class="d' + i + '" class="fielddiv"&gt;&lt;h2&gt;Domanda(&lt;a href="javascript:;" class="remove_question" todel="d' + i + '"&gt;x&lt;/a&gt;)&lt;/h2&gt;&lt;div class="row"&gt;&lt;div class="span7"&gt;&lt;input type="text" class="field input-xxlarge" name="questions[]" /&gt;&lt;/div&gt; &lt;div class="span3"&gt;&lt;label class="checkbox"&gt; &lt;input type="checkbox" name="rm' + i + '" value="1"&gt; Risposte multiple?&lt;/label&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="answers_' + i + '" &gt;&lt;/div&gt;&lt;hr&gt; &lt;a href="javascript:;" class="add_a" qid="answers_' + i + '"&gt;Aggiungi risposta&lt;/a&gt;&lt;/div&gt;').fadeIn('slow').appendTo('.inputs');
        i++;
    });

    $(document).on('click', '.add_a', function(event) {
        $('&lt;div class="a' + j + ' dashForm"&gt;&lt;input type="text" class="field input-xlarge" placeholder="risposta" name="a_' + $(this).attr('qid') + '[]" /&gt;&lt;/div&gt;').fadeIn('slow').appendTo('#'+$(this).attr('qid'));
        j++;
    });

    $(document).on('click', '.remove_question', function(event) {
        $('.' + $(this).attr('todel')).remove();
    });


});
</code></pre>

<p>Working <strong>example</strong> <a href="http://jsfiddle.net/mKsDg/" rel="nofollow">here</a>.</p>

<p>I need to check if at least one of the textboxes is empty before posting the form, mainly because when i check it later using php if there is an error, the user has to come back to the form and they have to start all over again (the fields disappear when getting back because they where generated dynamically). Is there a way to check this user side on jquery?</p>
