[jQuery] Place value of "navigator.cookieEnabled" into an object. Why won't this work?!?!?

[jQuery] Place value of "navigator.cookieEnabled" into an object. Why won't this work?!?!?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD>
<BODY>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>I'm using Javascript
to collect some information about the user's browser and setup to pass into an
AJAX call. The goal is to load up a page, have this code run and
submit  this packet to a page in the background, then redirect the
user.</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>I've got this
code:</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2> $(document).ready(function(){</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>   
var userInfo = {};</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>   
userInfo['v_cookies'] = navigator.cookieEnabled; // this line appears to throw
an error</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2>    alert(navigator.cookieEnabled); // this line
works just fine.<BR></FONT></SPAN><SPAN class=203160513-23082007><FONT
face=Arial size=2> });</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>I can
alert(navigator.cookieEnabled) just fine, but when I try to assign the
value of navigator.cookieEnabled into this object I get what appears to be a
jQuery error.</FONT></SPAN></DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=203160513-23082007><FONT face=Arial size=2>Node cannot be
inserted at the specified point in the hierarchy"  code: "3<BR><A
href="http://localhost/browserdetect/jquery.js">http://localhost/browserdetect/jquery.js</A><BR>Line
11</FONT></SPAN></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV><FONT face=Arial size=2><SPAN class=203160513-23082007>Does anyone know
what I can do to get around this? Alternately, is there a better, or more
reliable way to check if the browser has cookiesEnabled?</SPAN></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV>
<DIV align=left><SPAN style="FONT-SIZE: 14px"><B><FONT face="Century Gothic">
<DIV align=left><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007><FONT face=Arial
size=2>____________________________________</FONT></SPAN></FONT></SPAN></DIV>
<DIV><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN
class=159130414-05012007></SPAN></FONT></SPAN> </DIV>Andy
Matthews<BR></FONT></B></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><SPAN
style="FONT-SIZE: 8.5pt; FONT-FAMILY: 'Century Gothic'; mso-fareast-font-family: 'Times New Roman'; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA; mso-no-proof: yes">Senior
ColdFusion Developer</SPAN><BR></FONT></SPAN><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic"><FONT color=#808080><IMG alt="" hspace=0
src="cid:203160513@23082007-180A" border=0><BR></FONT>Office:  877.707.5467
x747<BR>Direct:  615.627.9747<BR>Fax:
 615.467.6249</FONT></SPAN></DIV>
<DIV><SPAN style="FONT-SIZE: 11px"><FONT
face="Century Gothic">amatthews@dealerskins.com<BR><A
href="http://www.dealerskins.com/">www.dealerskins.com</A></FONT></SPAN></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV></BODY></HTML>