jquery conversion for this javascript
<p>I have the following code:</p>

<pre><code>for (i=1; i&lt;=len; i++) {
        var optcheck = col+'|'+document.getElementById('color').options[i].value;
        text = document.getElementById('color').options[i].text.split(' - ');
}
</code></pre>

<p>This is part of the original code from javascript. I have successfully converted much of the other stuff into jquery but I can't seem to figure out how to convert this into jquery. </p>

<p>Please note that col is just value I am passing when calling the function which is usually "16"</p>

<p>Here is what I got so far:</p>

<pre><code>    for (i=1; i&lt;=len; i++) {
        var optcheck = col+'|'+$('#color').val(i);
        text = $('#color').val(i).text.split(' - ');
      }
</code></pre>

<p>Also, the original code works fine in Chrome, Firefox, Opera and Safari but in IE (all version from 6 to 9) I get an error saying 'options[...].value' is not null or not an object</p>

<p>Thanks for the help!</p>
