title: JQuery Loop over JQueryObjects
body: <p>I have a method, which will accept a parameter of a JQuery Object and will calculate totals for a section. So if you give it a JQuery Object of a div containing the section it will calculate a total for it</p>
  
  <p>so you can do this:</p>
  
  <p>var $totalcompletion = CalculateSectionCompletion(jQuery("#Section1"));</p>
  
  <p>Now I have multiple divs with the class of section container. I want to be able to call the above method on any div with that class.</p>
  
  <p>I'm doing this:</p>
  
  <p>jQuery("div.SectionContainer").each(
      function(i, valueOfElement){<br>
          CalculateSectionCompletion(valueOfElement);<br>
          });</p>
  
  <p>The problem is the valueOfElement is actually the DOM object and not the JQuery Object, so I can't pass this in to my method.</p>
  
  <p>Is there anyway I can loop through all JQuery Objects selected by a query, without writing some dirty code to extract the Id from the DOM object, and call JQuery(valueOfElement.id) and pass it in?</p>