display filtered jason data

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<body>
  <form action="/returnselected_paragraphs.js">
    <select name="pargraphs" multiple id='selectCompany'>
      
      <!-- this should be genereated by javascript with data from the json --!>
<input type="submit">
</form>

<h1>output</h1>
<h2>Heading of Paragraph1</h2><p>the actual pargraph1</p>
<h2>Heading of Paragraph2</h2><p>the actual pargraph2</p>
<!-- this should be genereated by javascript--!>

JavaScript

var data = [
{
"Content":["<h2>Heading of Paragraph1</h2><p>the actual pargraph1</p>"], 
"Titel": ["Heading of Paragraph1"]
}
,

{
"Content": ["<h2>Heading of Paragraph2</h2><p>the actual pargraph2</p>"], 
"Titel": ["Heading of Paragraph2"]
}
,
{
"Content": ["<h2>Heading of Paragraph3</h2><p>the actual pargraph3</p>"], 
"Titel": ["Heading of Paragraph3"]
}
]

$.each(data, function () {
    var $option = $('<option/>').text(this.Titel[0]).val(this.Titel[0]);
    $('#selectCompany').append($option);
});