What's wrong with this jQuery snippet?
<p>I am getting the following error message in my FF console: </p>

<p>"uncaught exception: Syntax error, unrecognized expression: ""</p>

<pre><code>jQuery.noConflict();
jQuery(function() {
    jQuery('#foobar').click(function(){
        var id = jQuery(this).parent().parent().attr('id');
        var idstr = '"#'+id+'"';
        jQuery.post("example.com/callback.php", {id: id },
                function(data){
                jQuery(idstr).html(data.msg); // &lt;- error occurs here 
                }, "json");
    });
});
</code></pre>

<p>As can be seen, I want to update the contents of a div with the received data. </p>

<p>These are the tests I have done so far:</p>

<ol>
<li><p>inserted alert() statements to make sure</p>

<ul>
<li>that data is being correctly returned from server (PASS)</li>
<li>that the element represent by idstr exists (PASS)</li>
</ul></li>
<li><p>commented out the line where the div contents are being replaced, to see if error message goes away (PASS)</p></li>
</ol>

<p>I can't see anything wrong with the code above (but then I am relatively new to jQuery). Can anyone spot what is causing the error?.</p>

<p>Also, I would like to briefly visually highlight the div that has had its contents updated (a bit like what happens here on SO, when an answer is accepted) - I am thinking of changing the element class and setting timers etc, but there may be a simpler way of doing that - can anyone help with how to do the 'highlighting part'?</p>
