jquery outerheight() for mobile/tablet on chrome returns 0

Question

I am trying to grab outerheight of a table data element, and I get the correct value on desktop, but mobile and tablet on chrome developer tools return 0. JS:

var textRow = $('#table-data-row span');
console.log($(textRow).outerHeight(true));

HTML:

 <td><div id="table-data-row"><span>this is a test text right here</span></div></td>

Is there any solution for mobile browsers?