title: How to get value of hidden field in jquery each loop?
body: <p>I am iterating loop over Div and in that div assigning encoded array as value to hidden field and want to get value of that hidden field in  each loop but getting undefiened</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 port_ofAir = null; $(".sublocation_div").find('.sublocation').each(function(index,value1){
      port_ofAir = $(this).find(".port_arr").value;
  
    });
    console.log(port_ofAir)</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;
  &lt;input type="hidden" name="arr_port" class="port_arr" id="arr-port" value="[{"id":34,"client_id":"2"}]"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to get that array in jquery function</p>
  
  <p>please any suggestion </p>