Help with popup display

[chrisj]

I'm trying to display a message when a Form field (set-pv) is selected/hovered.
I have this code:

<div class="pop-button">
<button type="button" class="btn btn-primary" data-toggle="pop1" title="Popover title" data-content="Default popover">Popover1</button>
</div>

and this:

$(document).ready(function() {
$('[data-toggle="pop1"]').popover({ placement: 'right', trigger: 'hover', width: '500px' }); });

how could I integrate that, so that the popover shows upon hovering over this form field (instead of the button):

<label class="col-md-12" for="set-pv">{{LANG set-pv}}</label>
<div class="col-md-12"> 
 <input id="mySingleFieldTags" name="set-pv" type="text" placeholder="" class="form-control input-md" autocomplete="off"> 
</div>

I look forward to any assistance.

 

[Padonak]

(instead of the button)

Remove this attribute data-toggle="pop1" from the button and then put it into the input id="mySingleFieldTags" markup