javascript - iframe 内で変数を割り当てる

Question

数日探した後、この答えは近づいていますが、それでも私の問題は解決しませんjQuery: How to assign a variable inside of .html

テキストボックスの値をフレームの scr 部分に取得しようとしています。上記のリンクから、javascript が変数を取り出すか、変数をテキストとして扱う必要があることを理解していますが、数日間試しても機能しません。応答はページの div に配置されます

<script>
$(document).ready(function() {
  $("#q").bind(
      "webkitspeechchange", 
      function(evt) {
        $('.response').html(
          "<iframe width='625' height='250' border='0' src='/index.php?q=' + INPUT_HERE + ' /><br> voice search vaule:"+ $(this).val())
        .fadeIn();   
}); 
});
</script>