title: jQuery each in each function
body: <p>I need some help/guide from you guys how can i get the data in the json result. How do i get the data from the product_quotas1 &amp; product_quotas2?
  I'm be grateful if someone can help or guide me to solve this. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myArrayNeed = {
    "3": {
      "id": "3",
      "state": "1",
      "charity_id": "3",
      "unmet_quotas": {
        "product_quotas1": {
          "product_id": "134",
          "quota": "32",
          "remaining_quota": "32",
          "progress": 0,
          "vegetarian": "0"
        },
        "product_quotas2": {
          "product_id": "153",
          "quota": "12",
          "remaining_quota": "12",
          "progress": 0,
          "vegetarian": "1"
        }
      }
    }
  }
  jQuery.each(myArrayNeed, function(index, value) {
    //console.log("index :" + index + "value :" + value);
    jQuery.each(value, function(subindex, subvalue) {
      // console.log("index :" + subindex + "value :" + subvalue);
      var unmet_quotas = value.unmet_quotas;
      //console.log('Unmet Quota : ' + unmet_quotas);
      jQuery.each(unmet_quotas, function(subsubindex, subsubvalue) {
        console.log("index :" , subsubindex , "value :" , subsubvalue);
      });
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>