using JQuery to convert html tr tags to uppercase for string comparison
<p>I have the following JS function:</p>

<pre><code>function tblFilter(colToFilter) {
var tableToFilter = $("#notesGrid").find("tr");
var columnToFilter = colToFilter;

$.each(columnToFilter, function (i) {
    tableToFilter = tableToFilter.filter(":contains'" + columnToFilter + "')");
});

tableToFilter.show();

};
</code></pre>

<p>colToFilter is uppercase and I want to convert what I am comparing to to uppercase as well to ensure case insensitivity.</p>

<p>I have tried this:</p>

<pre><code>function tblFilter(colToFilter) {
    var tableToFilter = $("#notesGrid").find("tr");
    var columnToFilter = colToFilter;

    $.each(columnToFilter, function (i) {
        tableToFilter = tableToFilter[i].innerHTML.toUpperCase().filter(":contains'" + columnToFilter + "')");
    });

    tableToFilter.show();

};
</code></pre>

<p>However it fails saying:</p>

<blockquote>
  <p>Microsoft JScript runtime error:
  Object doesn't support this property
  or method</p>
</blockquote>
