title: Load xml file content into div using jquery
body: <p>How to load the xml file content to a div.</p>
  
  <p>Here is my HTML in which I need to load XML content</p>
  
  <pre><code>&lt;div class="editorial" id="news-container"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>XML Data</p>
  
  <pre><code>&lt;contentprogramming&gt;
      &lt;category name = "My t" id = "1"&gt;
          &lt;logo&gt;http://123.png&lt;/logo&gt;        
          &lt;channel name="res" id= "1" type="ecommerce"&gt;            
              &lt;logo&gt;http://11.png&lt;/logo&gt;           
              &lt;items&gt;              
                  &lt;item id="1"&gt;
                      &lt;image&gt;http://11.jpg&lt;/image&gt;
                      &lt;title&gt;Memory Card MSMT2G&lt;/title&gt;
                      &lt;details&gt;$6.99&lt;/details&gt;
                      &lt;linkurl&gt;http://www.test.com/Sony&lt;/linkurl&gt;
                  &lt;/item&gt;
                  &lt;item id="2"&gt;
                      &lt;image&gt;http://i2.jpg&lt;/image&gt;
                      &lt;title&gt;Apple iPad &lt;/title&gt;
                      &lt;details&gt;$579.95&lt;/details&gt;
                      &lt;linkurl&gt;http://www.test.com/Apple&lt;/linkurl&gt;
                  &lt;/item&gt; 
              &lt;/items&gt;
          &lt;/channel&gt;
      &lt;/category&gt;
  &lt;/contentprogramming&gt;
  </code></pre>
  
  <p>And xml file name is <code>something.xml</code></p>
  
  <p>I tried several ways but it didn't work :(</p>
  
  <p>I tried the below method but didn't work. </p>
  
  <pre><code>$('something.xml').find('name').each(function() { 
      $("#news-container").append($(this).text() + "&lt;br /&gt;");
  }); 
  </code></pre>