Consolidate 3 functions
<p>Hi all wonder if someone can help me Consolidate the below code. i should be able to have less lines of code but not sure how to achive this.</p>

<pre><code>$(document).ready(function () {
  $(".question1").hover(function () {
    $(this).append('&lt;div class="tooltip"&gt;&lt;p&gt;1This is a tooltip. It is typically used to explain something to a user without taking up space on the page.&lt;/p&gt;&lt;/div&gt;');
  }, function () {
    $("div.tooltip").remove();
  });

  $(".question2").hover(function () {
    $(this).append('&lt;div class="tooltip"&gt;&lt;p&gt;2This is a tooltip. It is typically used to explain something to a user without taking up space on the page.&lt;/p&gt;&lt;/div&gt;');
  }, function () {
    $("div.tooltip").remove();
  });

  $(".question3").hover(function () {
    $(this).append('&lt;div class="tooltip"&gt;&lt;p&gt;3This is a tooltip. It is typically used to explain something to a user without taking up space on the page.&lt;/p&gt;&lt;/div&gt;');
  }, function () {
    $("div.tooltip").remove();
  });
});
</code></pre>
