title: ajax for filtering posts by category in wordpress
body: <p>So my question is if anyone can help me out to turn the following into a list of filters that don't require refresh/reload of the page...</p>
  
  <p>I believe the following answer is the closest I can get to a solution: Using ajax on categories and wordpress loops</p>
  
  <p>However, I'm not sure where to implement the code. I'm using the following in my loop.php:</p>
  
  <pre><code>&lt;div id="queryMenu"&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#" id="business_work"&gt;Work&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="development_sustainability"&gt;Sustainability&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="education"&gt;Education&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="health_medecine"&gt;Medecine&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="human_rights"&gt;Human&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="law_order"&gt;Order&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="media_information"&gt;Information&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="nations"&gt;Nations&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="political_economy"&gt;Economy&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="research_innovation"&gt;Research&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" id="reset"&gt;All Posts&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now if I want to apply the coding as mentioneenter code hered here - Using ajax on categories and wordpress loops - where should I put the different code snippets and is there a lot of tweaking to be done to it?</p>
  
  <p>Thank you very much in advance for your help!</p>