title: Trying to pass object assigned checkedValue using jquery map, returning null?
body: <p>I have been puzzling over this for the past three days and have gotten to a point where I really don't know what else to do. I'll explain the situation:</p>
  
  <p>I have a for-each set up to display an observable array that was populated from an ajax GET request to a Sharepoint library. It is set up to display inside of a table and inside of this table I am adding checkboxes to each row with a checkedValue assignment of $data to pull in the objects selected. The thing that is puzzling me, is I can pass down a specific value of a property on the object and it will be the correct value, but if I try to pass down the whole object and then step into the object using dot(.Id) notation, the value I know exists console logs as undefined. My first instinct is that it is a quirk of $data in knockout that I am just unfamiliar with, but this is the first project I am having to use it on. Usually prefer Angular myself, but work wants otherwise, oh well. </p>
  
  <p>Code is snipped below:</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;tbody data-bind="foreach: budgetDocs"&gt;
  &lt;tr&gt;
      &lt;!--&lt;td style="width: 5%" class="glyphicon     glyphicon-triangle-right"&gt;&lt;/td&gt;--&gt;
      &lt;!--checkedValue: Id, click: $root.selectedDoc,--&gt;
      &lt;!--Code above is to be pasted back into checkbox input upon finishing practice with checkboxes in knockout--&gt; 
      &lt;td style="width: 5%;"&gt;&lt;input type="checkbox" class="budgets" data-bind="checked:$root.koselectedDocs, checkedValue:$data" /&gt;&lt;/td&gt;
      &lt;td style="width: 5%;"&gt;&lt;img src="/_catalogs/masterpage/scripts/css/Excel-icon.png" width="25px"/&gt;&lt;/td&gt;
      &lt;td style="width: 35%;"&gt;&lt;a class="docA" data-bind="text: Title, click: $root.openDoc"&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;td style="width: 25%;" data-bind="text: Property.PropertyID"&gt;&lt;/td&gt;
      &lt;td style="width: 15%;" data-bind="text: Status"&gt;&lt;/td&gt;
      &lt;!--Failed Attempt at new doc button placement--&gt;
      &lt;!--&lt;td style="width: 15%;"&gt;&lt;button type="button"&gt;New Doc&lt;/button&gt;&lt;/td&gt;--&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>self.postStatusUpdate = function(){         
      var selectedDocs = $("input:checkbox:checked").map(function ()
      {
          return $(this).val();
      }).get();
  
      for (var i = 0; i &lt; selectedDocs.length; i++) {
          var item = selectedDocs[i];
          if(item.Id){
              console.dir(item.Id);
          }
          else{console.log('No dice')}
          }
      return true;
  }
  </code></pre>
  
  <p>Thank you for whatever insight you may be able to provide me into why this happens. </p>