Ajax error "Syntax error, unrecognized expression: #[object Object]"

Ajax error "Syntax error, unrecognized expression: #[object Object]"

Hello,

Whenever I make any kind of Ajax call in jQuery 1.8.3 or 1.9, I get stopped at:

  1. Sizzle.error = function( msg ) {
  2. throw new Error( "Syntax error, unrecognized expression: " + msg );
  3. };

with: "Syntax error, unrecognized expression: #[object Object]". My $.load call is below. I haven't been able to find any solutions online: maybe my GoogleFu isn't as good as I thought

  2. $(function () {
  3.                     $(".personPopupTrigger").hover(
  4.                         function () {
  5.                             var TheLink = $(this);
  6.                             var settings = $(this).attr('rel');

  8.                             if (settings == '')
  9.                                 return;
  10.                             $("#personPopupContainer").show()
  11.                             $('#personPopupContent').load('person.aspx?e='+ settings + ' .personPopupResult', function () {
  12.                                 $("#personPopupContainer").position(
  13.                                 {
  14.                                     my: "left bottom",
  15.                                     at: "left top",
  16.                                     of: $("#" + TheLink).parent(),
  17.                                     collosion: 'none'
  18.                                 }
  19.                             )
  20.                             });

  22.                         },
  23.                         function () {
  24.                             $("#personPopupContainer").hide();
  25.                         }
  26.                     );

  28.                 });


The response from the server according to Fiddler is:

  2. HTTP/1.1 200 OK
  3. Server: ASP.NET Development Server/10.0.0.0
  4. Date: Fri, 18 Jan 2013 16:38:08 GMT
  5. X-AspNet-Version: 4.0.30319
  6. Cache-Control: private
  7. Content-Type: text/html; charset=utf-8
  8. Content-Length: 1669
  9. Connection: Close



  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head><title>

  18. </title><link href="App_Themes/Ruskin/common.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Ruskin/Styles1.css" type="text/css" rel="stylesheet" /><link href="App_Themes/Ruskin/tabs1.css" type="text/css" rel="stylesheet" /></head>
  19. <body>
  20.     <form name="form1" method="post" action="person.aspx?e=webmaster%40ruskin.com" id="form1">
  21. <div>
  22. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="0vGWKme7rsCeEVvBXCYwVk13m30ut0zBMhHn9T4WZHoeM0QzaIsKDD+hN4mr01RvEYdK/jc8bWiKjPiBZ/hShiayqpB1nPr1eQ/PLMHbYvYZgZ5z5lxQHHzOBmbhWSjs4bvl8FvgUYYkYuIN" />
  23. </div>

  25. <div>

  27. <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
  28. </div>
  29.     <div class="personPopupResult">
  30.     
  31.         <table cellspacing="0" border="0" id="FormView1" style="border-collapse:collapse;">
  32. <tr>
  33. <td colspan="2">
  34.             <div>
  35.             <span id="FormView1_FirstNameLabel">FirstName</span>
  36.             <span id="FormView1_LastNameLabel">LastName</span>
  37.             </div>
  38.             <img src="http://home.ruskin/empix/2213.jpg" style="float: left; margin: 5px;" />
  39.                 
  40.                 Email:
  41.                 <span id="FormView1_EmailLabel">email address</span>
  42.                 <br />
  43.                 Extension:
  44.                 <span id="FormView1_ExtensionLabel">5404</span>
  45.                 <br />

  47.             </td>
  48. </tr>
  49. </table>
  50.         
  51.         
  52.     
  53.     </div>
  54.     </form>
  55. </body>
  56. </html>
I just have a feeling I'm missing something stupidly simple here...