Jquery access value from Iframe

by austinnoronha

HTML

<div id='someDiv1' style='display:none; '>
       <iframe id='iframe1' src='iframe1.html'>
           <input id='someinput' value="222"></input>
       </iframe>
</div>

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

CSS

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

JavaScript

$("#log").append("Called...");
$(document).ready(function(){
    var isDivOpen = $("#someDiv1").is(":visible");
    $("#log").append( "<br> Div is Visible : " + isDivOpen );    
    var iframeInpVal = $("#someinput").val();
    $("#log").append( "<br> Iframe value : " + iframeInpVal );    
        
});