title: Loop through collection with jquery
body: <p>For the simplicity of the question, the model i'm sending to the view contains a property which is of type <code>ICollection&lt;Person&gt; Persons { get; set; }</code>.</p>
  
  <p>In my view it's hidden like so:</p>
  
  <pre><code>@Html.HiddenFor(model =&gt; model.Persons)
  </code></pre>
  
  <p>Once an <code>ActionLink</code> is pressed, first and last name of the person will be added to a (kendo) grid.</p>
  
  <pre><code>$('#add').click(function (personObject)
      {
          var personId= $("#PersonId").val();
          alert(personId);
  
  
          return false;
      });
  </code></pre>
  
  <p>Some more info: The person gets selected from a dropdownlist. Behind this DDL is the <code>ActionLink</code>, which has a <code>HtmlAttribute</code>pointing to the <code>JQuery</code> function it needs to call.</p>
  
  <p>That all works fine.</p>
  
  <p>What i'm trying to accomplish here, is to look up the first and last name of the person that got selected from the dropdownlist.</p>
  
  <p>Based on the Id of that person, i need to get the first and last name out of the hidden "Persons" collection property:</p>
  
  <pre><code>@Html.HiddenFor(model =&gt; model.Persons)
  </code></pre>
  
  <p>How can I do this using <code>JQuery</code>?</p>