title: feedback on the page layout and ajax call
body: <p>Need some feedback and guidance on the page design and Ajax call.
  Just fyi, the application is nodejs based.</p>
  
  <p>The intial Webpage is a table where initally only the first column is displayed.
  Something like this -</p>
  
  <pre><code>   Category       SubCategories              
  
     Cars           
     Trucks
     SUV
  </code></pre>
  
  <p>When user selects Cars, then it should populate the SubCategories column with - Ford, Honda etc. So the page should display like this -</p>
  
  <pre><code>   Category       SubCategories                
     Cars  &gt;        Ford
     Trucks         Honda
     SUV            Fiat
  </code></pre>
  
  <p>HTML View  </p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="category-container"&gt;      
          &lt;h1&gt;&lt;/h1&gt;
          &lt;p id="sub1" class="subheading"&gt;Select a category&lt;/p&gt;    
          &lt;div style="margin:20px" class="container"&gt;
            &lt;table class="table table-bordered table-striped"&gt;
              &lt;thead&gt;
                &lt;tr&gt;                
                  &lt;th style="width:180px"&gt;Category&lt;/th&gt;
                  &lt;th style="width:200px"&gt;SubCategory&lt;/th&gt;                
                &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    &lt;div id="myid"&gt;&lt;a href="/playground/:0"&gt;Electronics&lt;/a&gt;&lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;
                    &lt;div id="myid"&gt;&lt;a href="/playground/:1"&gt;Real Estate&lt;/a&gt;&lt;/div&gt;
                  &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/div&gt;   
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>When user clicks Cars, I am planning to create an ajax call and get the data from the server. The ajax response is going to be populated in the second column.</p>
  
  <p>Question - The above table is not a form. Does the table has to be a form to make an Ajax call?</p>
  
  <p>Here is the initial jquery code which eventually I am expecting to make an Ajax call but when I click those table items it's not executing the alert pop-up's. Can anybody help me with the jquery code for making an Ajax call ? </p>
  
  <p>When I run this code in jsfiddle its hitting the alert statement not sure why its not doing the same when I run it locally.</p>
  
  <p>JQuery Code :</p>
  
  <pre><code>$(document).ready(function () {             
      $(".myid").click(function () {  
           alert("Element selected"); 
      });                               
  });      
  </code></pre>