title: Bootstrap modal pop up breaks when i send "schemaname.tablename" into id field using Django Jinjna template
body: <p>Below is my html script when I am sending a schema_name.table_name to the 'id' attribute of my modal and pop up modal is not displayed and the popup modal breaks, but work well as mentioned in the below note</p>
  <p><strong>note: when I only send table_name to 'id' attribute, pop up is displayed but I need to send schema_name as well please help</strong></p>
  <pre><code>    &lt;input type=&quot;checkbox&quot; id='dbo.segment_customer_hash_mapping_history' name=&quot;acs[]&quot; value=&quot;dbo.segment_customer_hash_mapping_history&quot;&gt; dbo.segment_customer_hash_mapping_history
  
      &lt;!--                &lt;form action=&quot;/dwdatacatlog2/&quot; method=&quot;GET&quot;&gt;--&gt;
      &lt;button type=&quot;button&quot; class=&quot;btn btn-info btn-lg&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModaldbo.segment_customer_hash_mapping_history&quot;&gt;Add
          filter
  
          &lt;svg width=&quot;1em&quot; height=&quot;1em&quot; viewBox=&quot;0 0 16 16&quot; class=&quot;bi bi-plus-circle&quot; fill=&quot;currentColor&quot;
               xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
              &lt;path fill-rule=&quot;evenodd&quot;
                    d=&quot;M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z&quot;/&gt;
              &lt;path fill-rule=&quot;evenodd&quot;
                    d=&quot;M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z&quot;/&gt;
          &lt;/svg&gt;
      &lt;/button&gt;
  
      &lt;!--         &lt;button type=&quot;button&quot; class=&quot;btn btn-info btn-lg&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;Open Small Modal&lt;/button&gt;--&gt;
  
      &lt;!-- Modal --&gt;
      &lt;div class=&quot;modal fade&quot; id=&quot;myModaldbo.segment_customer_hash_mapping_history&quot; role=&quot;dialog&quot;&gt;
          &lt;div class=&quot;modal-dialog modal-sm&quot;&gt;
              &lt;div class=&quot;modal-content&quot;&gt;
                  &lt;div class=&quot;modal-header&quot;&gt;
                      &lt;h4&gt;Add Filters&lt;/h4&gt;
                      &lt;!--                      &lt;h4 class=&quot;modal-title&quot;&gt;Modal Header&lt;/h4&gt;--&gt;
                      &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;&amp;times;&lt;/button&gt;
  
  
                  &lt;/div&gt;
                  &lt;div class=&quot;modal-body&quot;&gt;
                      &lt;p&gt;&lt;small&gt;Table name&lt;/small&gt;&lt;/p&gt;
                      &lt;p&gt;dbo.segment_customer_hash_mapping_history&lt;/p&gt;
                      &lt;p&gt;
                          &lt;select id=&quot;columnname&quot; name=&quot;columnname&quot; class=&quot;form-control&quot;
                                  onchange=&quot;changecat(this);&quot;&gt;
                              &lt;!-- onchange=&quot;populatefilter()&quot;--&gt;
  
                              
                              &lt;option value=&quot;int////audit_id&quot;&gt; audit_id&lt;small&gt;(int)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                              &lt;option value=&quot;int////segment_id&quot;&gt; segment_id&lt;small&gt;(int)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                              &lt;option value=&quot;varchar////segment_name&quot;&gt; segment_name&lt;small&gt;(varchar)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                              &lt;option value=&quot;varchar////customer_hash&quot;&gt; customer_hash&lt;small&gt;(varchar)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                              &lt;option value=&quot;varchar////created_by&quot;&gt; created_by&lt;small&gt;(varchar)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                              &lt;option value=&quot;datetime////created_on&quot;&gt; created_on&lt;small&gt;(datetime)&lt;/small&gt;&lt;/option&gt;
  
  
                              
                          &lt;/select&gt;
                          &lt;br&gt;
  
                          &lt;/select&gt;
                          &lt;select name=&quot;datatype&quot; id=&quot;datatype&quot; class=&quot;form-control&quot;&gt;
                              &lt;option value=&quot;&quot; disabled selected&gt;Select&lt;/option&gt;
                          &lt;/select&gt;
                          &lt;br&gt;
                          &lt;input type=&quot;text&quot; name=&quot;parametervalue&quot; class=&quot;form-control&quot; aria-label=&quot;Default&quot;
                                 aria-describedby=&quot;inputGroup-sizing-default&quot;
                                 placeholder=&quot;enter corresponding column value&quot; required=&quot;True&quot;&gt;
  
                                         &lt;/option&gt;
                  &lt;/div&gt;
                
  
  
                  &lt;div class=&quot;modal-footer justify-content-between&quot;&gt;
                      &lt;button type=&quot;button&quot; class=&quot;btn default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
                      &lt;button type=&quot;submit&quot; class=&quot;btn btn-secondary  &quot;&gt; Submit&lt;/button&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--                &lt;/form&gt;--&gt;
  
  &lt;/tr&gt;
  &lt;!--         --&gt;
  &lt;tr&gt;
      &lt;br&gt;
  
      &lt;!--        &lt;input  type=&quot;button&quot;  value=&quot;filter&quot;&gt; --&gt;
      &lt;hr&gt;
  &lt;/tr&gt;
  </code></pre>