JQuery Loop over JQueryObjects
<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>
