Cambiar el tamaño de un iframe al alto completo de una página

iframe.js

<script type="text/javascript">
  $ = jQuery;
  $(document).ready(function () {
    updateContainer();
    $(window).resize(function() {
        updateContainer();
    });
  });

  function updateContainer() {
   var alto = window.innerHeight - 50;
   console.log (alto);

   $("#epos").css("height", alto);
  }
</script>

<iframe style="margin:0px;padding:0px;" width='100%'  frameborder='0' src='http://travelmapping.co/epos/test-1/' id="epos" frameborder="0"></iframe>