How do I make a certain javascript function execute on page load for all its elements?
<p>I have a javascript function defined as follows (note that it does not use jquery):</p>

<pre><code>function getCalculationFormsByType(selectObject, parentNode, countIndex)
{
    var operationID = parseInt(selectObject.value, 10);

    var divs = parentNode.getElementsByTagName("DIV");

    // the rest of the function goes here, it isn't really important ...
}
</code></pre>

<p>The function is executed in the following way (again, no jquery):</p>

<pre><code>&lt;select name="operationChoose[]" onchange="getCalculationFormsByType(this, this.parentNode.parentNode, '1')" &gt;
</code></pre>

<p>Everything works so far. The problem is that I need to execute this function on page load for all <code>select</code> elements on the page. Like this (my idea uses jquery, but it isn't necessary for the solution):</p>

<pre><code>$("document").ready(function(){
   $("select[name='operationChoose[]']").each(function(){
      getCalculationFormsByType(---I DO NOT KNOW WHAT TO PASS HERE---);
   });
});
</code></pre>

<p>As you can see, my problem is that I don't know what to pass into the function in jQuery. I don't know what those 3 values in javascript are and how can I get them in jQuery's <code>each</code> loop.</p>
