title: Hide/Show a div on button click jquery FOUNDATION
body: <p>Here is my Code:</p>
  
  <pre><code>$('#btnmap').toggle(function(){
      $('#btnmap').val('Show Map');
      $('#map_canvas').hide();
  }, function() {
      $('#btnmap').val('Hide Map');
      $('#map_canvas').show();
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="map_canvas" class="flex-video"&gt;&lt;/div&gt;
  &lt;input type="button" class="secondary small radius button right" name="btnmap" id="btnmap" value="Hide Map" /&gt;
  </code></pre>
  
  <p>When my page loads it adds display:none to my button instead. 
  Please help me.</p>