feedback-widget.html

<div id="feedback-prompt">
  <p class="feedback-question">Was this page helpful?</p>
  <a href="#yes-feedback" id="yes-button" class="yes-button" data-proofer-ignore>Yes</a>
  <a href="#no-feedback" id="no-button" class="no-button" data-proofer-ignore>No</a>
</div>

<script>
  $(document).ready(function(){
      $("#yes-button, #no-button").bind("click", function () {
        if ($(this).attr("id") == "yes-button")
        {
          $('#feedback-prompt').html('<p class="feedback-response">Thanks for the feedback!</p>')
        }
        if ($(this).attr("id") == "no-button")
        {
          $('#feedback-prompt').html('<p class="feedback-response">Thank you! Have specific feedback? Please <a href="https://github.com/cockroachdb/docs/issues/new?title=Issue on docs for {{ page.title }}&body=Please include specific details about the section with the issue, as well as steps we can take to reproduce any problems you found." target="_blank">open an issue</a>.</p>')
        }
      });
  });
</script>