checkbox value not shown on html page

I am working on a checkbox that is used to give the use access to a referral link for his page. However the value of the checkbox isn't shown it remains blank even though the value of the checkbox is true

when I log the value of the referralLink it returns true yet here it remains blank

<input type='checkbox'  name='referral' id="referral" 
value=""/><label for="referral">Referral</label>