title: how to get the value of inner div in javascript
body: <p>I want to access the inner div and get it's value using Javascript.
  Would you please help me, I want to get the value of "phone" and insert it into a "list". I don't how to loop in all the DIVS and get only the checked one's below my setup:</p>
  
  <pre><code>&lt;div class="headings_01"&gt;
  &lt;div class="checkbox_01"&gt;&lt;input name="contact_id" id="selectedcontacts" type="checkbox" value="175" style="margin-top:0px;" /&gt;&lt;/div&gt;
  &lt;div class="firstname_01" name="fname"&gt;|175|James&lt;/div&gt;
  &lt;div class="lastname_01" name="lname"&gt;James&lt;/div&gt;
  &lt;div class="group_01"&gt;G1&lt;/div&gt;
  &lt;div class="mobile_nmbr_01" name="phone" id="phone"&gt;123456478&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried this and did not success:</p>
  
  <pre><code>function AddContactPhoneNo()
  {   
      var recipientNumber = document.getElementById("phone");
      var opt = "&lt;option value='" + recipientNumber.value + "'&gt;" + recipientNumber.value + "&lt;/option&gt;"
  
      if  (recipientNumber.value != "")
      {
           $('#selectedOptions').append(opt);
  
              recipientNumber.value = "";
  
      }       
  } 
  </code></pre>