title: jQuery. How do I combine a JS variable with a tag literal?
body: <p>Here I have a modal dialog that hosts two tabs: <a href="http://www.bootply.com/f24gE2KvF3" rel="nofollow">http://www.bootply.com/f24gE2KvF3</a></p>
  
  <p>In the JS code:</p>
  
  <pre><code>$('#trackFilterTabSet_GUID a').click(function (e) {
  
    // present tab
  
      alert('present tab');
  
      e.preventDefault();
      $(this).tab('show');
  })
  
  $('#trackFilterTabSet_GUID a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  
    // do something awesome
    // alert('shown.bs.tab event fired');
  
    e.target // activated tab
    e.relatedTarget // previous tab
  })
  </code></pre>
  
  <p>I want to replace <code>#trackFilterTabSet_GUID</code> with a JS variable:</p>
  
  <pre><code>var mySelector = "#trackFilterTabSet_" + myStringGeneratingFunction();
  </code></pre>
  
  <p>How do I combine this JS variable with <code>a</code> in the first function and <code>a[data-toggle="tab"]</code> in the second function?</p>