title: Why won't $(".unhide-btn").prop("disabled", false) work?
body: <p>When i press the hide button it is also supposed set disabled to false to the unhide button but it does nothing but hide the element.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    $(document).ready(function() {
        $(".unhide-btn").prop("disabled", true)
        $("button").click(function() {
          $("p").hide()
          $(".unhide-btn").prop("disabled", false)
          $("button").prop("disabled", true)
        })
        $(".unhide-btn").click(function() {
          $("p").show()
          $(".unhide-btn").prop("disabled", true)
          $("button").prop("disabled", false)
        })
      })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;body&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;p&gt;Hide me!&lt;/p&gt;
    &lt;button&gt;Hide&lt;/button&gt;
    &lt;button class="unhide-btn"&gt;Unhide&lt;/button&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>