title: jquery: hiding contents of a div
body: <p>I’m new to programming and JavaScript. I want to create a simple memory game with numbers. The program is like this, when the user click on the button, numbers will be shown in 5 seconds and after that, numbers will hide until the user click on cards. Is the code below right? I tried many codes but it didn't work</p>
  
  <pre><code>// {k1,...,k16} are the divs' ids and kart is div's classname
  $(document).ready(function() {
    $("button").click(function() {
      $("#k1").html("2");
      $("#k2").html("3");
      $("#k3").html("1");
      $("#k4").html("3");
      $("#k5").html("5");
      $("#k6").html("6");
      $("#k7").html("1");
      $("#k8").html("6");
      $("#k9").html("4");
      $("#k10").html("7");
      $("#k11").html("8");
      $("#k12").html("8");
      $("#k13").html("5");
      $("#k14").html("7");
      $("#k15").html("2");
      $("#k16").html("4");
    });
  
  });
  
  function myFunction() {
    setTimeout(function() {
      $('.kart').empty();
    }, 4000);
  }
  </code></pre>