How to use .each and blur to determine if there's a value before sending to textarea box?
<p>Ok, I have really confused myself.</p>

<p>We have this app that concates values and sends them to TA box. I want to determine if the field has a value in it first, </p>

<ul>
<li>if it does have a value, add it to TA field</li>
<li>if it does not have a value/empty, do not add it to the
TA field,</li>
</ul>

<p><strong>How do i do this?</strong></p>

<p>I want to use this on the <strong>blur</strong> event[<strong>see code example</strong>]. I know I need to use <strong>.each()</strong>, check length and/or look into each field, see if there is a value, if there is, put in TA field</p>

<p><strong>Could someone show me how to accomplish this please?</strong></p>

<p><strong>jsfiddle >></strong> <a href="http://jsfiddle.net/justmelat/6JHRT/" rel="nofollow">http://jsfiddle.net/justmelat/6JHRT/</a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;form&gt;
    &lt;p&gt;First name: &lt;input type="text" name="firstname" id="firstname" value="Paul"/&gt;&lt;/p&gt;
    &lt;p&gt;Last name: &lt;input type="text" name="lastname"  id="lastname" value="Ryan" /&gt;&lt;/p&gt;
&lt;p&gt;Street #: &lt;input type="text" name="street_number"  id="street_number" value="4605"/&gt;&lt;/p&gt;
&lt;p&gt;Address: &lt;input type="text" name="address" id="address"/&gt;&lt;/p&gt;
&lt;p&gt;City: &lt;input type="text" name="city" id="city" /&gt;&lt;/p&gt;
&lt;p&gt;State: &lt;input type="text" name="state" id="state"/&gt;&lt;br /&gt;

&lt;span id="myzip"&gt;Zip:&lt;/span&gt; &lt;input type="text" name="zip"  id="zip" /&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;select name="hometype" id="hometype"&gt;
&lt;option value=""&gt;Select&lt;/option&gt;
&lt;option value="SFH"&gt;Single Family Home&lt;/option&gt;
&lt;option value="Condo"&gt;Condo&lt;/option&gt;
&lt;option value="Trailer"&gt;Trailer&lt;/option&gt;&lt;br /&gt;
&lt;/select&gt;&lt;br /&gt;
&lt;input type="radio" name="ownership" value="own" /&gt; Own
&lt;input type="radio" name="ownership" value="rent" /&gt; Rent
    &lt;hr /&gt;
&lt;span id="allInfo"&gt;All Info:&lt;/span&gt; &lt;textarea id="ta_holdAll" rows="10" cols="30"&gt;&lt;/textarea&gt;&lt;div id="charCnt"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;
    &lt;input type="button" value="Add to Field" id="addField"&gt;
&lt;/form&gt;​
</code></pre>

<p><strong>JQUERY</strong></p>

<pre><code>$(document).ready(function(){

    function combineFields(event) {
      var mytextareaFld = $('#ta_holdAll');
      var fld_1 = $('#firstname').attr('name')+':  '+$('#firstname').val();
      var fld_2 = $('#lastname').attr('name')+':  '+$('#lastname').val();
      var fld_3 = $('#street_number').attr('name')+':  '+$('#street_number').val();
        var hold_all_fields = fld_1 +'\n' + fld_2 +'\n' + fld_3;
      //hold_all_fields.each();
      mytextareaFld.val(fld_1 +'\n' + fld_2 +'\n' + fld_3);
  }

    $('#addField').on('click',combineFields);

    $('#allInfo').on('click',function(event){
        combineFields(event);
        var $mytextareaFld = $('#ta_holdAll');
        var $outPutCount = $("#charCnt");
        var $ofText = " characters of 1000 remaining";
        var val = $mytextareaFld.val();
        var val2 = $outPutCount.text(val.length).append("&lt;strong&gt;"+$ofText+"&lt;/strong&gt;");
    });

    $("#firstname,#lastname, #street_number").blur(combineFields);
});
</code></pre>

<p>​</p>
