no output for .val() on a HTML selector

I am trying to parse the content/value of the class "links". Following is the code that I use:
function modifyDOM() {
    return document.body.innerHTML;
}

function getAnswers() {
    chrome.tabs.executeScript({
code: '(' + modifyDOM + ')();'
    }, (results) => {
var myVar = $(results[0]).find('.links').val();
return console.log(myVar);
    });
}

results[0] contains the following example:
<div class="flex-center position-ref full-height">
    <div class="content">
<div class="title m-b-md">Title</div>
<input type="hidden" name="_token" value="eJUTXXLfSGs5UsIwpWPcQxthzqN7nt5F0XdRZEoG">
<div class="links">
<a href="#">Test 1</a>
<a href="#">Test 2</a>
<a href="#">Test 3</a>
</div>
    </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://test.com/js/app.js"></script>

The issue is that console.log(myVar); does not output anything. 
Am I doing anything wrong here? Any help is highly appreciated.

You need to use .text() or .html() in your code:-
Simple example:-

var answers = [];
$('.links a').each(function(){
   answers.push($(this).text()); // can use .html() also
  
});
 console.log(answers);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flex-center position-ref full-height">
    <div class="content">
<div class="title m-b-md">Title</div>
<input type="hidden" name="_token" value="eJUTXXLfSGs5UsIwpWPcQxthzqN7nt5F0XdRZEoG">
<div class="links">
<a href="#">Test 1</a>
<a href="#">Test 2</a>
<a href="#">Test 3</a>
</div>
    </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://test.com/js/app.js"></script>

Note:- So change below line in your code. My be your code starts working:-
var myVar = $(results[0]).find('.links a').text(); //or use .html()