title: jqGrid: Link in a cell not clickable, and also not link-like
body: <p>I have used a custom formatter for one of the columns in my jqGrid. Here is the formatter:</p>
  
  <pre><code>formatter: function(cellvalue, options, rowObject) {
      var link = $('&lt;a&gt;', {
          text: 'Click Me'
          href: '#',
          click: function() {
             alert('sdfsfsd');
             // my stuff
          }
      });
  
      return link[0].outerHTML;
  }
  </code></pre>
  
  <p>There are two problems:</p>
  
  <ul>
  <li><p>The link is not clickable. When I click the link, the row gets selected! Is there a way to not bypass row selection, but also make the link clickable? [Update: I tried using the beforeSelectRow: function(row, e) { return false;} to disable selection. But still not able to click the link. I can see in the html that the cell value is a link  indeed.]</p></li>
  <li><p>The link is not link like, meaning it is not blue/underlined, as usual it looks like. I have not overidden anything in my CSS.</p></li>
  </ul>
  
  <p>Help much appreciated!</p>
  
  <p>Thanks
  Vivek Ragunathan</p>
  
  <p><strong>UPDATE:</strong> I found that this is not a problem with the grid as such. But the click handler does not get linked with the hyperlink. I also tried this code instead but no luck!</p>
  
  <pre><code>var link = $('&lt;a&gt;', {
      text: 'Click Me'
      href: '#'
  }).click(function() {
     alert('sdfsfsd');
     // my stuff
  });
  </code></pre>
  
  <p>Thanks</p>