title: jquery to traverse the div and get its span details
body: <p>I have a html page as below:  </p>
  
  <pre><code>&lt;div id="test1"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="234"&gt;ABKO&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="1234"&gt;ABKO2&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="2634"&gt;ABKO3&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;    
  &lt;/div&gt;
  &lt;div id="test2"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="233"&gt;ABKOw&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="1236"&gt;ABKOc&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="2635"&gt;ABKOv&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>How can i get all the span details between  using jQuery? 
  eg if i consider first div=test1 then i want all the soan with their ID and text 
  as
  div -> test1
      Span => id 233 &amp;&amp; ABKO
      Span => id 1234 &amp;&amp; ABKO2
      Span => id 22634 &amp;&amp; ABKO3</p>