title: How to select all elements with particular ARIA value using jQuery?
body: <p>Given i have a sample page that looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h1 aria-controls="name1"&gt;heading&lt;/h1&gt;
  
  &lt;p aria-controls="name2"&gt;paragraph&lt;/p&gt;
  
  &lt;span aria-controls="name1"&gt;span&lt;/span&gt;
  
  &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How would i use jQuery to select the (2) elements with their <code>aria-controls</code> attribute set to <code>name1</code>? (ignoring the fact that the element types are different).</p>
  
  <p>Thank you!</p>