Question

I have a div as follows:

<div class="bubbly">
 </div>
 <script>
 $('.bubbly').innerHTML=getCookie('adjective');
 </script>

But the content in this div cannot be seen.
If i alert the cookie, i get the value in it.
But the div is not taking the value of cookie.
I want to have the contents of the cookie in this div.

Answer 1

If you want to use native DOM properties in a jquery object then do like this:

$('.bubbly')[0].innerHTML=getCookie('adjective');

You can do the same all in jquery like this:

$('.bubbly').html(getCookie('adjective'));

Also make sure to enclose your DOM manipulating code in a handler for the
DOM ready event, like this:

<div class="bubbly">
 </div>
 <script type="text/javascript">
    $(document).ready(function() {
        $('.bubbly').html(getCookie('adjective'));
    });
</script>