Jquery display popup modal

display modal using jQurey

<style>.modal-ku {  width: 75%;}</style>

<div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">

    <div class="modal-dialog modalku">

        <div class="modal-content" style="padding:0px">

        <button type="button" style="float:right" data-dismiss="modal" aria-hidden="true">X - Cancel</button>

        <iframe name="frpopup" id="frpopup" style="width:100%;height:375px; border:none; margin:0px"></iframe>        

        </div>

        <!-- /.modal-content -->

    </div>

    <!-- /.modal-dialog -->

</div>

<script>

function penyaluran(id){

  document.getElementById('frpopup').src="?plain=app/buy-history.php&id="+idbrg;

  $("#myModalTitle").html("History Barang");

  $("#popup").modal();

}

</script>

ss