Jquery access value from Iframe

HTML

<div id='someDiv1' style='display:none; '>
       <iframe id='iframe1' src='iframe1.html'>
         test
       </iframe>
</div>

<div id="log"></div>

CSS

#log{
    width: 300px;
    height: 100%;
    min-height:50px;
    border: 1px solid #eee;
    border-radius:8px;
}

JavaScript

$(document).ready(function(){

$("#log").append("arda");
var s1 = $("#iframe1").content();
        
});