title: How to use ClientPeoplePicker in JSOM
body: <p>I am creating a SharePoint-hosted app. I want to utilize <code>&lt;SharePoint:ClientPeoplePicker&gt;</code> control but I am struggling with being able to read the user entered value in one of my <code>App.js</code> functions.</p>
  
  <p>Here is highlighted part of the <code>Default.aspx</code> code:</p>
  
  <pre><code>&lt;%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %&gt;
  &lt;%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %&gt;
  &lt;%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %&gt;
  ...
  &lt;asp:TableCell&gt;
    &lt;SharePoint:ClientPeoplePicker ID="PMPeoplePicker" runat="server" Required="true" PrincipalAccountType="User" AllowMultipleEntities="false" ValidationEnabled="true" /&gt;          
  &lt;/asp:TableCell&gt;
  ...
  </code></pre>
  
  <p>And here is the part of the <code>App.js</code> code where I want to read the value from the control:</p>
  
  <pre><code>function getPM() {
    // This is obviously not working ...
    var pm = $("#PMPeoplePicker");
    return pm;
  }
  </code></pre>