title: JSON table displays fine on first and throws 403 error on next
body: <p>I used a solution in <a href="https://stackoverflow.com/questions/19901843/display-json-data-in-html-table/37690590#37690590">this</a> post </p>
  
  <hr>
  
  <p>I used this solution on my webpage and it works partially.</p>
  
  <p>Basically I have a table with a link on each row and when I click a link, I retrieve data via AJAX and display this data in another table. All works well when I click the first link but throws a "403 Forbidden" error when I click another link in the table.</p>
  
  <pre><code>&lt;div class="col-lg-4" id="media-sources-view"&gt;
              &lt;div id="result"&gt;
                  &lt;table class="table table-hover hidden" id="xarticletab"&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Title&lt;/th&gt;
                          &lt;th&gt;Name&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script type="text/javascript"&gt;
          $('#mashed_row a').click(function () {
              var link_id = $(this).attr('link_id');
  
           $.ajax({
                    type: 'POST',
                     url: '&lt;?php echo base_url(); ?&gt;main/explode_link',
                     data: {'&lt;?php echo $this-&gt;security-&gt;get_csrf_token_name(); ?&gt;' : '&lt;?php echo $this-&gt;security-&gt;get_csrf_hash(); ?&gt;', link_id},
                     dataType: 'json',
                     success : function(data) {
                         if(data){
                             var len = data.length;
                             var txt = "";
                             if(len &gt; 0){
                                 for(var i=0;i&lt;len;i++){
                                     if(data[i].title){
                                         txt += "&lt;tr&gt;&lt;td&gt;"+data[i].title+"&lt;/td&gt;&lt;td&gt;"+data[i].name+"&lt;/td&gt;&lt;/tr&gt;";
                                     }
                                 }
                                 if(txt != ""){
                                     $("#xarticletab").append(txt).removeClass("hidden");
                                 }
                             }
                         }
                     }
              });
              return false;
          });
      &lt;/script&gt;
  </code></pre>