title: List products under each category heading in a single page
body: <p>I have two tables
  First one is <strong>categories</strong> and second one is <strong>products</strong>.
  Categories table contains <code>cat_id, cat_name, Cat_desc.</code>
  Products table contains <code>product_id, product_name, Product_desc and cat_id</code></p>
  
  <p>I want to display all categories as heading and list only 4 related products under each category heading.</p>
  
  <p>For Eg:</p>
  
  <pre><code>Category1
   Product 1, Product 2, product 3
  
  
  Category 2
    Product 4, product 5
  </code></pre>
  
  <p>How can I script this. I am newbie pls help</p>