Responsive table - Adds th's to each td in mobile version

app.js

if(window.innerWidth < 768) {
        $('table.content-table').each(function( index ) {
          var ths = $( this ).find('th');
          var trs = $( this ).find('tr');
          trs.each(function(){
            $(this).find('td').each(function(i){
              var text="<span>"+ths.eq(i).html()+"</span>";
              $(this).prepend(text);
            })
          });
        });

      }

template.twig

<table class="content-table">
						<tr>
							<th>Type snelheid</th>
							<th>Uitleg</th>
							<th>Meten</th>
						</tr>
						<tr>
							<td>Geadverteerde download- en uploadsnelheid</td>
							<td>De maximale tot internetsnelheid zoals gecommuniceerd</td>
							<td>Niet van toepassing</td>
						</tr>
						<tr>
							<td>Maximale download- en uploadsnelheid</td>
							<td>De maximale internetsnelheid op basis van de technische mogelijkheden </td>
							<td>90% van de maximale snelheid moet tenminste in1 van de 10 uitgevoerde metingen gemeten worden</td>
						</tr>
						<tr>
							<td>Geadverteerde download- en uploadsnelheid</td>
							<td>De maximale tot internetsnelheid zoals gecommuniceerd</td>
							<td>Niet van toepassing</td>
						</tr>
					</table>