title: find().val() returns undefined
body: <p>I am trying to get a dynamic hidden input's value inside a jquery data table using find().val() but it returns undefined. How do I make it so that it returns the value of the input?</p>
  
  <pre><code>//foreach instantiate
     &lt;input style="display: none;" value="{{$userTable['username']}} - {{$userTable['name']}}" /&gt;
  
  //end foreach instantiate
  </code></pre>
  
  <p>jquery trying to get the value of the hidden input.</p>
  
  <pre><code> $.each($("#datacal_table tr"), function(){
          arrTableName.push($(this).find('input').eq(0).val());
        });
  </code></pre>
  
  <p>layout of the table</p>
  
  <pre><code>    &lt;table id="datacal_table" 
       class="table table-striped table-bordered" cellspacing="0"&gt;
         &lt;thead&gt;
            &lt;tr&gt;
             &lt;th&gt;Username&lt;/th&gt;
             &lt;th&gt;Type&lt;/th&gt;
             &lt;th&gt;Name&lt;/th&gt;
             &lt;th&gt;Computation Sheet Name&lt;/th&gt;
             &lt;th&gt;Status&lt;/th&gt;
             &lt;th&gt;Date&lt;/th&gt;
           &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody id="dctbody"&gt;
        //foreach instantiation
         &lt;tr&gt;
        &lt;td id="username_table"&gt;
            {{$userTable['username']}} &lt;br&gt;
            {{$userTable['name']}}
  
         &lt;input style="display: none;" value="{{$userTable['username']}}
       - {{$userTable['name']}}" /&gt;
       &lt;/td&gt;
      ......&lt;td&gt; values
       &lt;tr&gt;
      //end for each
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>