# "Move Field Instructions Above Input Box" code not working

**URL:** <https://forums.knack.com/t/move-field-instructions-above-input-box-code-not-working/6737>\
**Category:** API & Custom Code\
**Created:** [May 29, 2019, 4:16pm UTC](https://forums.knack.com/t/move-field-instructions-above-input-box-code-not-working/6737 "2019-05-29T16:16:46Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SallySimms81354](https://avatars.discourse-cdn.com/v4/letter/s/43a26b/32.png) [@SallySimms81354](https://forums.knack.com/u/SallySimms81354)\
**Post date:** [May 29, 2019, 4:16pm UTC](https://forums.knack.com/t/move-field-instructions-above-input-box-code-not-working/6737/1 "2019-05-29T16:16:46Z")

</div>

I'm trying to use the Developer Docs suggested code for "Move Field Instructions Above Input Box", but can't get it to work on any of my fields. Have tried several field types. Wondering if anyone else has had this problem?

Here's the suggested code:

/\* Change the scene\_1 to the scene key of your choice, and field\_1 to the field key of the field you're working with. \*/

$(document).on('knack-scene-render.scene\_1', function(event, scene) {

$('#kn-input-field\_1 \> p.kn-instructions').prependTo($('#kn-input-field\_1 div.kn-radio'));

});

---

<div class="post-metadata">

**Author:** ![GaryStark10384](https://avatars.discourse-cdn.com/v4/letter/g/e95f7d/32.png) [@GaryStark10384](https://forums.knack.com/u/GaryStark10384)\
**Post date:** [April 1, 2023, 3:01pm UTC](https://forums.knack.com/t/move-field-instructions-above-input-box-code-not-working/6737/2 "2023-04-01T15:01:56Z")

</div>

Same problem here. I moved the instructions into the field name field and added this CSS code so it wasn’t all bold:  
#kn-input-field\_4654 \> label {  
font-weight: normal;  
}

---

<div class="post-metadata">

**Author:** ![Nakeeah](https://avatars.discourse-cdn.com/v4/letter/n/c2a13f/32.png) [@Nakeeah](https://forums.knack.com/u/Nakeeah)\
**Post date:** [September 27, 2023, 4:42pm UTC](https://forums.knack.com/t/move-field-instructions-above-input-box-code-not-working/6737/3 "2023-09-27T16:42:39Z")

</div>

I was able to use the example JQuery referenced in the Developer Docs and get it to work. Here are the two versions of it that worked for me (replacing the XXX with the appropriate scene or label id number).

$(document).on(‘knack-scene-render.scene\_XXX’, function(event, scene) {  
$(‘#kn-input-field\_XXX \> p.kn-instructions’). prependTo($(‘#kn-input-field\_XXX label.kn-label’));  
});

$(document).on(‘knack-scene-render.scene\_XXX’, function(event, scene) {  
$(‘#kn-input-field\_XXX \> p.kn-instructions’).appendTo($(‘#kn-input-field\_XXX label.kn-label’));  
});