title: Link text built in Jquery does not display clickable link on Razor Page
body: <p>This Jquery code on a Razor Page creates an &quot;a&quot; tag string that looks ok, but, when displayed on the Razor Page, it is just a string of text, not a clickable link.</p>
  <p>Any ideas? I have searched but nothing seems to apply for something this simple. Maybe I am dense.</p>
  <pre><code>var xxx =encodeURIComponent($('#Dances_Moderated_AddressMap').val() + &quot; &quot; + $('#Dances_Moderated_CityMap').val() + &quot; &quot; + $('#Dances_Moderated_StateMap').val());
  
  
  var wholeEnchilada =  &quot;&lt;a href=\&quot;https://www.google.com/maps/place/&quot; + xxx + &quot;\&quot; target=\&quot;_blank\&quot;&gt;&quot; + $('#Dances_Moderated_EventName').val() + &quot;&lt;/a&gt;&quot;;
  
  $('#URL').text(wholeEnchilada);
  </code></pre>
  <p>=======================</p>
  <p>Here is the Html area with the id=&quot;URL&quot;. I am trying to make the &quot;No Map&quot; changed to a link on google maps page. The google maps syntax works in other processes I have built. The &quot;No Map&quot; gets changed, but it is not a clickable link.</p>
  <pre><code>&lt;tr&gt;
      &lt;td id=&quot;URL&quot;&gt;
          No Map
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  <p>============================
  The</p>
  <pre><code>$('#URL').text(wholeEnchilada);
  </code></pre>
  <p>displays the string below on the Razor Page</p>
  <pre><code>&lt;a href=&quot;https://www.google.com/maps/place/800%20NE%20Oregon%20St%20Portland%20OR&quot; target=&quot;_blank&quot;&gt;Really Big Dance&lt;/a&gt;
  </code></pre>
  <p>What I was hoping for was a blue colored link</p>
  <p>If I copy out the href attribute and past it in the browser it works.</p>
  <pre><code>https://www.google.com/maps/place/800%20NE%20Oregon%20St%20Portland%20OR
  </code></pre>