title: CSS/JS: How to show text on hover and href clicked text box will show?
body: <p>I want to show "Edit" text when hovered, then if "Edit" text was clicked text box will appear. I will use this to update using ajax.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;table&gt;
  
   &lt;thead&gt;
    &lt;tr&gt;
     &lt;th&gt; Name &lt;/th&gt;
     &lt;th&gt; Age &lt;/th&gt;  
    &lt;/tr&gt;
   &lt;/thead&gt; 
  
   &lt;tbody&gt;
  
    &lt;tr&gt;
     &lt;td&gt;
       Van Adrian
       &lt;div class="edit-control"&gt; 
         &lt;a href="#" class="edit-text"&gt; Edit &lt;/a&gt; 
       &lt;/div&gt;
     &lt;/td&gt;
  
     &lt;td&gt; 19 &lt;/td&gt;
    &lt;/tr&gt;
  
   &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>??
  </code></pre>
  
  <p><strong>JAVASCRIPT</strong></p>
  
  <pre><code>??
  </code></pre>