如何更改<span>元素内的<small>文本？

Question

我想使用jQuery更改<small>元素内的<span>标签的文本。我已经尝试过这种方法，但是它不会改变

$("#stepno3small").text("Question Detail");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>
    <a href="#step-3" id="step3">
      <span id="stepno3" class="step_no">3</span>
      <span id="stepno3text" class="step_descr">Step 3<br />
      <small id="stepno3small">Question Detail</small>
    </span>
    </a>
  </li>
</ul>