title: TypeError: Object.defineProperty called on non-object JQUERY
body: <p>I have this error in Jquery when I try to each an array of HTML elements and handle <code>onclick</code> of that element.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Object.keys(collapsibles).forEach(function (key){
              $(collapsibles[key]).on('click' , function( e ) {
                  e.preventDefault();
                  const id = $(this).data("id");
                  if (id !== _that.currentId) {
                      _that.closeCurrentOpen();
                      $(`[data-target="${$(this).data("id")}"]`).slideDown().addClass('open');
                      $(`[data-img="${$(this).data("id")}"]`).slideDown().addClass('arrowOpened');
                      return _that.currentId = id;
                  } else {
                      return _that.closeCurrentOpen();
                  }
              });
          });</code></pre>
  </div>
  </div>
  </p>
  
  <p>The error is appear in this line </p>
  
  <pre><code>$(collapsibles[key]).on('click' , function( e ) {
  </code></pre>
  
  <p>Collapsibles value</p>
  
  <pre><code>var collapsibles = $('[data-behavior="collapsible"]');
  </code></pre>