On document ready, I am trying to create an object for all my div(s) in a class and assigned them based on the div's attribute 'id'. Here are my codes which doesn't work, I can't figure out. 

```
<div class="supercolor" >                       
   <div class="colordiv" id="#111111" style="background-color:#111111;">&nbsp;</div>
   <div class="colordiv" id="#222222" style="background-color:#222222;" >&nbsp;</div>                
   <div class="colordiv" id="#333333" style="background-color:#333333;">&nbsp;</div>
</div>

```

And in my script section.

```
$(document).ready(function() {

   $('div.supercolor > div').each(function() {
      var color_object = { $(this).attr('id') : false }
   });
});

```

Thank you