title: Using checkbox to show/hide dynamic divs doesn't work
body: <p>I have a webpage that uses javascript and ajaxpage to load a page inside another page without having to refresh. The code looks like this:</p>
  <pre><code>&lt;a href=&quot;javascript:ajaxpage('r/gd.php','releases');&quot;&gt;LINK&lt;/a&gt;
  </code></pre>
  <p>Clicking on LINK will load 'r/gd.php' into the DIV I have labeled as 'releases'. I got the backbone of the code to accomplish this from this website here:</p>
  <blockquote>
  <p><a href="http://dynamicdrive.com/dynamicindex17/ajaxcontent.htm" rel="nofollow noreferrer">http://dynamicdrive.com/dynamicindex17/ajaxcontent.htm</a></p>
  </blockquote>
  <p>This all works great until I attempt to use checkboxes to filter the content of a DIV on a loaded page. What I would like to do is have a series of checkboxes with unique IDs like this:</p>
  <pre><code>&lt;input type=&quot;checkbox&quot; id=&quot;all&quot;&gt; Show All
  &lt;input type=&quot;checkbox&quot; id=&quot;red&quot;&gt; Red
  &lt;input type=&quot;checkbox&quot; id=&quot;orange&quot;&gt; Orange
  &lt;input type=&quot;checkbox&quot; id=&quot;yellow&quot;&gt; Yellow
  </code></pre>
  <p>These would then show/hide various DIVs when checked/unchecked that contain a series of classes like so:</p>
  <pre><code>&lt;div id=&quot;box&quot; class=&quot;all red&quot;&gt;&lt;?php echo $gdclock; ?&gt;&lt;/div&gt;
  &lt;div id=&quot;box&quot; class=&quot;all red orange&quot;&gt;&lt;?php echo $gdheart; ?&gt;&lt;/div&gt;
  &lt;div id=&quot;box&quot; class=&quot;all orange&quot;&gt;&lt;?php echo $gdblue; ?&gt;&lt;/div&gt;
  &lt;div id=&quot;box&quot; class=&quot;all red orange yellow&quot;&gt;&lt;?php echo $gdwhite; ?&gt;&lt;/div&gt;
  &lt;div id=&quot;box&quot; class=&quot;all yellow&quot;&gt;&lt;?php echo $gdclearsplat; ?&gt;&lt;/div&gt;
  &lt;div id=&quot;box&quot; class=&quot;all red yellow&quot;&gt;&lt;?php echo $gdredblack; ?&gt;&lt;/div&gt;
  </code></pre>
  <p>I'm not sure how to accomplish this on a page that is loaded the way I am doing so. I have used examples such as <a href="https://stackoverflow.com/a/48300202/17146620">this</a> and <a href="https://stackoverflow.com/a/35034161/17146620">this</a> that work great when just visiting a URL, but as soon as I go to use the same code on a dynamically loaded page, it does nothing.</p>
  <p>Is there something I am missing here? This is a <a href="http://alkalinetrio.rf.gd/" rel="nofollow noreferrer">link to my webpage</a> (best viewed on desktop). If you click on ALL ALBUMS in the left side bar, a page full of vinyl records will load with checkboxes at the top. I'd like to filter based on colour (using classes/IDs as described above) and hide everything else. Have more than one checkbox active at a time is ideal.</p>