title: get the aria-checked attribute in li
body: <p>I am trying the below, here: I was using this logic before grabbing ids just fine, now it is erroring with the '<code>aria-checked</code>' seemingly because of the dash. Any pointers?</p>
  
  <pre><code>  let inputs = document.querySelectorAll('li[role=treeitem]');
    userA[username].userAchkData = [];
  
        inputs.forEach(function(li){
           userA[username].userAchkData.push({ id: li.getAttribute('aria-checked'), checked: li.checked });
        });
  </code></pre>
  
  <p>The relevant mark-up is like so:</p>
  
  <pre><code>&lt;li role="treeitem" class="k-item" data-uid="xxx" aria-checked="true" aria-selected="false" aria-expanded="false" data-expanded="false" id="appTV"&gt;&lt;div class="k-mid"&gt;&lt;span class="k-checkbox-wrapper" role="presentation"&gt;&lt;input type="checkbox" tabindex="-1" id="_111" class="k-checkbox"&gt;&lt;span class="k-checkbox-label checkbox-span"&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="k-in"&gt;(Private)&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
  </code></pre>
  
  <p><strong>Context:</strong> I am trying to save the state of checkbox states, the checkbox states are derived from rather the <code>aria-checked</code> is true or false.</p>
  
  <p>And below is how I'm loading it later: <strong>(current error is here)</strong></p>
  
  <pre><code>  inputs.forEach(function(li){ 
      console.log(li);
      if (li.id) { 
          document.getElementById(input.id).checked = input.getAttribute('aria-checked');
         // I have also tried
         // document.getElementById(li.id).getAttribute('aria-checked') = input.getAttribute('aria-checked'); 
         // both returs li.getAttribute is not a function
        }
      });
  </code></pre>
  
  <hr>