title: jQuery Create Object Literal Loop
body: <p>I need to loop through a series of DOM elements and create an object literal with jQuery as seen below. I'm guessing this involves the usage of .each, but I'm a bit stuck on what to do next.</p>
  
  <pre><code>    '1': {
          'text': 'Maintain Compliance',
          'desc': 'blah',
          'size': 10,
          'color': '#afb0b3'
      },
      '2': {
          'text': 'lorem ipsum',
          'desc': 'blah.',
          'size': 4,
          'color': '#9b9ca0'
      },
      '3': {
          'text': 'lorem ipsum',
          'desc': 'blah',
          'size': 6,
          'color': '#c5c6c7'
      }
  </code></pre>