title: I would like to access DataTables **cell** with click function in Laravel 5.4
body: <p>I have a laravel 5.4 application I am working on. It contains, off course, some forms where I have input fields next to a search button. When the user clicks on the search button a modal windows appears with a dataTable whose content are fetched from the database.</p>
  
  <p>Now, what I would like to achieve is that once I click on a cell of that table, it picks the specific data in the cell and fetch it to the input field then close the modal window using jquery.</p>
  
  <p>Here is my code.</p>
  
  <ol>
  <li><p>DataTable:</p>
  
  <pre><code>        $('#mere-table').DataTable({
          processing: false,
          serverSide: true,
          ordering: false,
          ajax:'http://127.0.0.1:8000/nouveau_ne/data_meres',
          columns :[
              {data : 'nnid', name:'t_individus.nnid', className:"NNID_mere"},
              {data : 'nom', name:'t_individus.nom'},
              {data : 'postnom', name:'t_individus.postnom'},
              {data : 'prenom', name:'t_individus.prenom'},
                   ]
          });
  </code></pre></li>
  <li><p>JQuery to pick data from a cell and fetch it to the inputfield <strong>NNID_mere</strong></p>
  
  <pre><code>          $('#mere-table').DataTable().on('click','.NNID_mere', function(){
  
                                    alert('ok'+$('.NNID_mere').text());
  
                                    });
  </code></pre></li>
  </ol>
  
  <p>What I get from this code is after I click on the cell, the alert picks all the data from the column <strong>nnid</strong>. I just want one cell, not the full column but I do not know how to go about this as I am not great in jquery.</p>
  
  <p>How can I achieve this? Your help and tips are appreciated</p>