title: Group Json Array to Jquery Objects
body: <p>I have a JSON Array like this.</p>
  
  <pre><code>{"records":[{"ColorId":"3","ColorName":"Red","GenderId":"3","GenderName":"Female","SizeId":"1","SizeName":"N\/A"},{"ColorId":"2","ColorName":"Green","GenderId":"2","GenderName":"Male","SizeId":"1","SizeName":"N\/A"},{"ColorId":"3","ColorName":"Red","GenderId":"2","GenderName":"Male","SizeId":"1","SizeName":"N\/A"}]}
  </code></pre>
  
  <p>I need to separate these variables into separate objects with distinct </p>
  
  <blockquote>
    <p>Color : ColorId,ColorName</p>
    
    <p>Gender : GenderId,GenderName</p>
    
    <p>Size: SizeId,SizeName</p>
  </blockquote>