Cart in drop down menu

[dazmilliom]

Hi

(Joomla! 3.5.1 Stable, VirtueMart 3.0.14)

I need to put the cart in a drop down menu in a menu bar, which to some extent I have been able to achieve by modifying default.php (mod_virtuemart_cart) with the code below and as shown in the image attached.

<div class="menuBackground">
<div class="center myMenu">
<ul class="dropDownMenu">
<li><a>
<div class="total_products"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <?php echo  $data->totalProductTxt ?>: <?php echo $data->billTotal; ?></div>
  <span class="caret"></span>
  </a>
  <ul>

The problem is that my drop down menu where I have put the cart needs to run the below jquery script but i dont know how or where to place the code so that the rest of the cart will drop down when a user hovers over the cart button

<script type="text/javascript">
$('.myMenu ul li').hover(function() {
   $(this).children('ul').stop(true, false, true).slideToggle(300);
});
</script>

thanks