jQuery $(this) selector not working
<p>I'm trying to make a jQuery carousel plugin that I'm using more dynamic by adding some additions features to it.</p>

<pre><code>$("ul#carousel").roundabout();

$("ul#carousel li").click(function() { 
    var id = $(this).attr("id");
    var id_num = id.substr(-1);

    for( var i=0;i&lt;4;i++)
    {
        if(i != id_num)
        {                   
              $("li#list_"+ i +" .table_box").attr("class", "table_box");
        }
    }

    $(this +" .table_box").attr("class", "sub_table_box");
});
</code></pre>

<p>The php</p>

<pre><code>&lt;ul id="carousel"&gt;
&lt;?php
     for($i=0;$i&lt;4;$i++)
     {
          echo "&lt;li id='list_".$i."'&gt;
                   &lt;div class='table_box'&gt;

                   &lt;/div&gt;
                &lt;/li&gt;";
     }
 ?&gt;
 &lt;/ul&gt;
</code></pre>

<p>In Chrome's javascript console, upon click of the list item I get an error reading:</p>

<pre><code> Uncaught Syntax error, unrecognized expression: [object HTMLLIElement] 
</code></pre>

<p>on my jquery-1.7.min.js file.</p>

<p>I'm thinking that it might have something to do with the plugin script conflicting with one of the other js file. But, jquery noconflict didn't solve anything unless I tried it wrong.</p>
